body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:inherit;margin:0;padding:0}body{background-color:#1a1a20;box-sizing:border-box;font-family:Roboto Mono,monospace;font-optical-sizing:auto;height:200vh;line-height:1.6;max-width:100vw}html{font-size:62.5%}::-webkit-scrollbar{height:2rem;width:1.3rem}::-webkit-scrollbar-thumb{background-color:#15aabf}::-webkit-scrollbar-button:single-button{display:block;height:2rem;width:1.3rem}::-webkit-scrollbar-button:single-button:vertical:increment{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%2315aabf' class='bi bi-chevron-up' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 11.854a.5.5 0 0 1-.707 0l-4-4a.5.5 0 0 1 .707-.707L7.5 10.293l3.854-3.854a.5.5 0 0 1 .707.707l-4 4z'/%3E%3C/svg%3E") no-repeat 50%}::-webkit-scrollbar-button:single-button:vertical:decrement{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%2315aabf' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.146a.5.5 0 0 1 .707 0l4 4a.5.5 0 0 1-.707.707L8 5.707 4.854 8.854a.5.5 0 1 1-.707-.707l4-4z'/%3E%3C/svg%3E") no-repeat 50%}.underline{color:#15aabf}.githubs,.githubs-1{margin-left:2rem}.githubs,.githubs-1,.link{margin-top:1.25rem;width:5%}.link{fill:#f1f3f5}.link:hover{fill:#15aabf;transition:.15s}.link-1{fill:#f1f3f5;margin-top:5rem;width:5%}.link-1:hover{fill:#15aabf;transition:.15s}.link-2{fill:#f1f3f5;margin-top:5rem;width:5%}.link-2:hover{fill:#15aabf;transition:.15s}.container{margin:auto;max-width:160rem}.y-1{margin-bottom:1rem}.y-2{margin-bottom:2rem}.y-3{margin-bottom:3rem}.x-1{margin-right:1rem}.x-2{margin-right:2rem}.x-3{margin:0 2rem}.column--1{width:50%}.test{display:flex}.fill,.logo{margin:3rem}.fill{height:50%;width:50px}.color-span{color:#15aabf}#github:hover path{stroke:#15aabf;transition:.2s ease-in-out}.canvas{height:1000px;margin-left:3rem;width:40%}.sidebar--left{left:4rem;right:auto}.ul{color:#15aabf;list-style:none}.sidebar--right{left:auto;right:4rem}.sidebar--right a{color:#fff;display:inline;font-size:2rem;margin:4rem;text-decoration:none;writing-mode:vertical-lr}.sidebar--right a:hover{color:#15aabf;transition:.1s ease-in}.side-bars{align-items:center;bottom:0;display:flex;flex-direction:column;font-size:1.4rem;height:50vh;letter-spacing:.1rem;position:fixed;width:4rem;z-index:50}.side-bars:after{background-color:#15aabf;content:"";display:block;height:100%;margin:0 auto;width:.2rem}.navbar{align-items:center;background-color:#1a1a20;background-color:#1a1a20cc;color:#fff;display:flex;justify-content:flex-end;margin-right:10rem;margin-top:0;padding-bottom:1rem;padding-top:2rem;position:sticky;top:0;width:96%;z-index:199}.navbar__title{font-size:4rem;margin:.5rem}.navbar__resume:link,.navbar__resume:visited{border:.3rem solid #15aabf;border-radius:1rem;color:#15aabf;margin-left:2rem;padding:1rem 2rem}.navbar__resume:link:hover,.navbar__resume:visited:hover{background-color:#15aabf1a}.navbar__links ul{display:flex;margin:0;padding:0}.navbar__links ul li{font-size:2.5rem;list-style:none}.navbar__links ul li a{color:#fff;display:block;padding:1rem;text-decoration:none}.navbar__links ul li a:hover{color:#15aabf}.toggle--button{background-color:#1a1a20;border:none;cursor:pointer;display:none;flex-direction:column;height:2.1rem;justify-content:space-between;position:absolute;right:1rem;top:.75rem;width:3rem}.toggle--button-bar{background-color:#fff;border-radius:1rem;height:.3rem;width:100%}.header{align-items:flex-start;color:#f1f3f5;display:flex;flex-direction:column;height:80vh;justify-content:center;max-width:90%;min-height:90vh}.header__title{color:#15aabf;font-size:3rem}.header__description{color:#adb5bd;font-size:2.4rem;margin-bottom:2rem}.header__git.clicked{box-shadow:.4rem .4rem .4rem .4rem #15aabf;transition:.3s ease-in-out}.header__git:link,.header__git:visited{color:#15aabf}.header__git:hover,.header__git:link,.header__git:visited{border:.1rem solid #15aabf;border-radius:1rem;font-size:2rem;padding:1.5rem;text-decoration:none}.header__git:hover{background-color:#15aabf1a}.header--name{font-size:7rem}.header--name-1{display:block}.header--name-2{color:#adb5bd}.about{margin-bottom:4rem}.about__title{color:#f1f3f5;font-size:4rem;margin-bottom:3rem}.about__me{display:flex}.about__me--intro{color:#adb5bd;font-size:2.5rem;margin-right:3rem;width:60%}.about__me--pic{border-radius:1rem;height:600px;width:100%}.about__me--skills{display:flex}.about__me li{list-style-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%2315aabf' width='12' height='15' viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg' transform='scale(1 -1)'%3E%3Cpath d='M568.13.012 392 176.142l783.864 783.989L392 1743.87 568.13 1920l960.118-959.87z' fill-rule='evenodd'/%3E%3C/svg%3E")}.projects__title--used-one-left{margin-top:24rem}.projects__title--used-ones ul li{margin-top:3rem}.projects--description{background-color:#272726;border-radius:1rem;color:#adb5bd;font-size:2rem;left:90rem;padding:3rem;position:absolute;top:50%;transform:translateY(-50%)}.projects__img--pic{height:400px}.projects--description--right{background-color:#272726;border-radius:1rem;color:#adb5bd;font-size:2rem;padding:3rem;position:absolute;right:90rem;top:42%;transform:translateY(-50%)}.one{margin-top:42rem}.projects{position:relative}.projects__title{color:#f1f3f5;font-size:2.5rem;margin-bottom:3rem}.projects__img{display:flex;margin-bottom:4rem}.projects__img--pic{border-radius:2rem;height:500px;margin-bottom:8rem;margin-right:3rem;width:60%}.projects--used{width:40%}.projects__title--name{color:#f1f3f5;font-size:4rem;height:50%;margin-bottom:3rem;margin-left:2rem;margin-top:3rem;width:100%}.projects__title--used{color:#f1f3f5;font-size:2rem;height:50%;width:100%}.projects__title--used ul{display:flex;list-style-type:none;margin:2rem}.projects__title--used li{margin-right:1rem;margin-top:2rem}.projects--description--left{background-color:#272726;border-radius:1rem;color:#adb5bd;font-size:2rem;left:90rem;padding:3rem;position:absolute;top:42%;transform:translateY(-50%)}@media(max-width:430px){.canvas{display:none}.test{margin-top:7rem}.navbar{align-items:center;display:flex;justify-content:flex-end}.navbar__links ul{display:flex;margin:0;padding:0}.navbar__links ul li{font-size:1.5rem;list-style:none}.header{display:flex;height:70vh;justify-content:center;margin:auto;max-width:95%;min-height:70vh}.header__title{font-size:1.5rem}.header--name{font-size:3.1rem;margin-bottom:3rem}.header--name-2{font-size:2.5rem;margin-bottom:3rem}.header__description{font-size:1.2rem}.header__git:link,.header__git:visited{border:.1rem solid #15aabf;border-radius:1rem;color:#15aabf;font-size:1rem;padding:1rem;text-decoration:none}}@media(max-width:1820px){body{overflow-x:hidden}}@media(max-width:1555px){body{overflow-x:hidden}html{font-size:52%}.projects .projects__title--used-ones ul li{margin-top:3rem}.projects__img--pic{border-radius:2rem;height:400px;margin-bottom:8rem;margin-right:3rem;width:60%}}@media(max-width:1748px){html{font-size:57%}}@media(max-width:1628px){html{font-size:55%}}@media(max-width:1555px){html{font-size:51%}}@media((min-width:1000px) and (max-width:1094px)){.projects__title--used-one-left{margin-top:24rem!important}}@media((min-width:963px) and (max-width:1022px)){.projects--description-one-left{width:60rem!important}}@media((min-width:1000px) and (max-width:1555px)){html{font-size:52%}.link{padding-top:1rem}.link,.link-2{margin-bottom:-2rem}.projects__title--used-one-left{margin-top:22rem}.projects__title--used-ones ul li{margin-top:1rem}}@media(max-width:1386px){.canvas{width:30}html{font-size:48%}}@media(max-width:1454px){html{font-size:50%}.projects .des-one{height:300px}.projects__title--used-ones ul li{margin-top:5rem}.header{margin-left:10rem}.about{margin-left:8rem;margin-right:8rem}.about__me--pic{height:100%}.about__title{margin-left:2rem}.about__me--intro{font-size:2.5rem;margin-left:2rem;width:85%}.projects{margin-left:9rem;margin-right:8rem}.projects__img--pic{border-radius:2rem;height:400px;margin-bottom:8rem;margin-right:3rem;width:60%}}@media(max-width:1240px){html{font-size:47%}.projects__img--pic{border-radius:2rem;height:320px;margin-bottom:8rem;margin-right:3rem;width:60%}}@media(max-width:1194px){html{font-size:45%}.projects .des-one{margin-top:1rem}.projects__img--pic{border-radius:2rem;height:370px;margin-bottom:8rem;margin-right:3rem;width:60%}}@media(max-width:1095px){html{font-size:41%}.projects .des-one{height:250px}.projects__img--pic{border-radius:2rem;height:280px;margin-bottom:8rem;margin-right:3rem;width:60%}}@media(max-width:965px){html{font-size:37%}.projects .des-one{height:190px;margin-top:2rem}.projects__img--pic{border-radius:2rem;height:220px;margin-bottom:8rem;margin-right:3rem;width:60%}}@media(max-width:845px){html{font-size:32%}.header{height:40vh;min-height:40vh}.projects__img--pic{border-radius:2rem;height:220px;margin-bottom:8rem;margin-right:3rem;width:60%}}@media(max-width:818px){html{font-size:30%}.projects__img--pic{border-radius:2rem;height:220px;margin-bottom:8rem;margin-right:3rem;width:60%}}@media(max-width:750px){html{font-size:27%}.projects .des-one{height:170px}.projects__img--pic{border-radius:2rem;height:200px;margin-bottom:8rem;margin-right:3rem;width:60%}}@media(max-width:700px){html{font-size:25%}html .header:link,html .header:visited{border:.1rem solid #15aabf;border-radius:1rem;color:#15aabf;font-size:4rem;padding:1.5rem;text-decoration:none}html .projects .des-one{height:300px}html .about__title,html .header__title{font-size:6rem}html .header--name{font-size:10rem}html .header__description,html header a{font-size:4rem}html .about__me{align-items:center;flex-direction:column}html .about__me--pic{border-radius:4rem;height:85rem;margin-bottom:4rem;width:100rem}html .about__me--intro{font-size:4.5rem;margin-bottom:9rem;width:97%}html .about__me--skills{font-size:4rem}html .container{margin-left:15rem;width:100%}html .navbar{margin-left:23rem}html .side-bars{display:none}html .projects{position:relative}html .projects__title{color:#f1f3f5;font-size:3.5rem;margin-bottom:3rem}html .projects__img{display:flex;margin-bottom:12rem}html .projects__img--pic{border-radius:2rem;height:400px;margin:auto;opacity:.2;width:100%}html .projects--used{width:0}html .projects .projects__title--used-one{bottom:-20%;display:flex;font-size:3.2rem;left:15.5%;position:absolute}html .projects__title--name{color:#15aabf;font-size:5.5rem;height:50%;margin-bottom:3rem;margin-left:rem;margin-top:3rem;position:absolute;width:100%}html .projects__title--name-one{left:15%;top:40px}html .projects__title--used{color:#f1f3f5;font-size:2rem;height:50%;width:100%}html .projects__title--used ul{display:flex;list-style-type:none;margin:2rem}html .projects__title--used li{margin-right:1rem;margin-top:2rem}html .projects--description-one{background-color:#0000;background-color:0;border-radius:1rem;color:#adb5bd;font-size:3.5rem;height:100px;left:14.5%;padding:3rem;position:absolute;top:45%;width:400px}.projects__img--pic{border-radius:2rem;height:200px;margin-bottom:8rem;margin-right:3rem;width:60%}.link{margin-top:2rem}}@media(max-width:580px){html{font-size:27%}html .canvas{display:none}html .projects .des-one{height:300px}html .projects{position:relative}html .projects__title{color:#f1f3f5;font-size:3.5rem;margin-bottom:3rem}html .projects__img{display:flex;margin-bottom:12rem}html .projects__img--pic{border-radius:2rem;height:380px;margin:auto;opacity:.2;width:100%}html .projects--used{width:0}html .projects .projects__title--used-one{bottom:-20%;display:flex;font-size:2.8rem;left:15.5%;position:absolute}html .projects__title--name{color:#15aabf;font-size:5rem;height:50%;margin-bottom:3rem;margin-left:2rem;margin-top:3rem;position:absolute;width:100%}html .projects__title--name-one{left:15%;top:40px}html .projects__title--used{color:#f1f3f5;font-size:2rem;height:50%;width:100%}html .projects__title--used ul{display:flex;list-style-type:none;margin:2rem}html .projects__title--used li{margin-right:1rem;margin-top:2rem}html .projects--description-one{background-color:#0000;background-color:0;border-radius:1rem;color:#adb5bd;font-size:3rem;height:100px;left:14.5%;padding:3rem;position:absolute;top:45%;width:300px}.projects__img--pic{border-radius:2rem;height:200px;margin-bottom:8rem;margin-right:3rem;width:60%}}@media(max-width:464px){html{font-size:27%}html .canvas{display:none}html .container{margin-left:30rem}html .projects{position:relative}html .projects__title{color:#f1f3f5;font-size:3.5rem;margin-bottom:3rem}html .projects__img{display:flex;margin-bottom:12rem}html .projects__img--pic{border-radius:2rem;height:300px;margin:auto;opacity:.2;width:100%}html .projects--used{width:0}html .projects .projects__title--used-one{bottom:-20%;display:flex;font-size:2.5rem;left:15.5%;position:absolute}html .projects__title--name{color:#15aabf;font-size:5rem;height:50%;margin-bottom:3rem;margin-left:2rem;margin-top:3rem;position:absolute;width:100%}html .projects__title--name-one{left:15%;top:40px}html .projects__title--used{color:#f1f3f5;font-size:2rem;height:50%;width:100%}html .projects__title--used ul{display:flex;list-style-type:none;margin:2rem}html .projects__title--used li{margin-right:1rem;margin-top:2rem}html .projects--description-one{background-color:#0000;background-color:0;border-radius:1rem;color:#adb5bd;font-size:2.6rem;height:100px;left:14.5%;padding:3rem;position:absolute;top:45%;width:260px}.projects__img--pic{border-radius:2rem;height:200px;margin-bottom:8rem;margin-right:3rem;width:60%}}@media(max-width:800px){.toggle--button{display:flex}.navbar{align-items:flex-start;flex-direction:column}.navbar__links{display:none;width:100%}.navbar__links ul{flex-direction:column;width:100%}.navbar__links ul li{text-align:center}.navbar__links ul li a{padding:1rem}.navbar .active{display:flex}}@media(min-width:375px)and (max-width:480px){html{font-size:24%}html .link{width:12%}html .projects .des-one{height:300px;margin-top:11rem}html .toggle--button{height:4rem;margin-right:4rem;margin-top:4rem;width:5rem}html .about__me--pic{width:250px}html .container{margin:auto;max-width:85rem}html .navbar ul li{font-size:4rem;margin-right:10rem}html .header{height:80vh;margin:12rem 6rem 20rem 7rem;max-height:80vh}html .header a:link{font-size:4rem;margin-top:2rem}html .header--name-2{font-size:5rem}html .about__title{margin-left:0}html .projects{position:relative}html .projects__title{color:#f1f3f5;font-size:4.4rem;margin-bottom:3rem}html .projects__img{display:flex;margin-bottom:12rem}html .projects__img--pic{border-radius:2rem;height:300px;margin:auto;opacity:.2;width:100%}html .projects--used{width:0}html .projects .projects__title--used-one{bottom:-20%;display:flex;font-size:2.5rem;left:15.5%;position:absolute}html .projects__title--name{color:#15aabf;font-size:6rem;height:50%;margin-bottom:3rem;margin-left:2rem;margin-top:3rem;position:absolute;width:100%}html .projects__title--name-one{left:15%;top:40px}html .projects__title--name-ones{left:15%;top:60px}html .projects__title--used{color:#f1f3f5;font-size:2rem;height:50%;width:100%}html .projects__title--used ul{display:flex;list-style-type:none;margin:2rem}html .projects__title--used li{margin-right:1rem;margin-top:2rem}html .projects--description-one{top:45%}html .projects--description-one,html .projects--description-ones{background-color:#0000;background-color:0;border-radius:1rem;color:#adb5bd;font-size:2.8rem;height:100px;left:14.5%;padding:3rem;position:absolute;width:210px}html .projects--description-ones{top:46%}.githubs{height:30%}.about__me--skills ul{display:flex;flex-direction:column;margin-right:10rem}.about__me--skills ul li{margin-bottom:2rem}}@media(max-width:412px){html{font-size:24%}html .about__me--pic{width:250px}html .container{margin:auto;max-width:85rem}html .navbar ul li{font-size:4rem;margin-right:10rem}html .header{height:55vh;margin-left:7rem;margin-right:6rem;max-height:55vh}html .toggle--button{height:4rem;margin-right:4rem;margin-top:4rem;width:5rem}html .header a:link{font-size:4rem;margin-top:2rem}html .header--name-2{font-size:5rem}html .about__title{margin-left:0}html .projects{position:relative}html .projects__title{color:#f1f3f5;font-size:4.4rem;margin-bottom:3rem}html .projects__img{display:flex;margin-bottom:12rem}html .projects__img--pic{border-radius:2rem;height:300px;margin:auto;opacity:.2;width:100%}html .projects--used{width:0}html .projects .projects__title--used-one{bottom:-20%;display:flex;font-size:2.5rem;left:15.5%;position:absolute}html .projects__title--name{color:#15aabf;font-size:6rem;height:50%;margin-bottom:3rem;margin-left:2rem;margin-top:3rem;position:absolute;width:100%}html .projects__title--name-one{left:15%;top:40px}html .projects__title--name-ones{left:15%;top:60px}html .projects__title--used{color:#f1f3f5;font-size:2rem;height:50%;width:100%}html .projects__title--used ul{display:flex;list-style-type:none;margin:2rem}html .projects__title--used li{margin-right:1rem;margin-top:2rem}html .projects--description-one{top:45%}html .projects--description-one,html .projects--description-ones{background-color:#0000;background-color:0;border-radius:1rem;color:#adb5bd;font-size:2.8rem;height:100px;left:14.5%;padding:3rem;position:absolute;width:210px}html .projects--description-ones{top:46%}.about__me--skills ul{display:flex;flex-direction:column;margin-right:10rem}.about__me--skills ul li{margin-bottom:2rem}}@media(max-width:431px){html{font-size:24%}html .about__me--pic{height:280px;width:265px}html .container{margin:auto;max-width:85rem}html .navbar ul li{font-size:4rem;margin-right:10rem}html .header{height:55vh;margin-left:7rem;margin-right:6rem;max-height:55vh}html .toggle--button{height:4rem;margin-right:4rem;margin-top:4rem;width:5rem}html .header a:link{font-size:4rem;margin-top:2rem}html .header--name-2{font-size:5rem}html .about__title{margin-left:0}html .projects{position:relative}html .projects__title{color:#f1f3f5;font-size:4.4rem;margin-bottom:3rem}html .projects__img{display:flex;margin-bottom:12rem}html .projects__img--pic{border-radius:2rem;height:350px;margin:auto;opacity:.2;width:75rem}html .projects--used{width:0}html .projects .projects__title--used-one{bottom:-20%;display:flex;font-size:2.5rem;left:15.5%;position:absolute}html .projects__title--name{color:#15aabf;font-size:6rem;height:50%;margin-bottom:3rem;margin-left:2rem;margin-top:3rem;position:absolute;width:100%}html .projects__title--name-one{left:15%;top:40px}html .projects__title--name-ones{left:15%;top:60px}html .projects__title--used{color:#f1f3f5;font-size:2rem;height:50%;width:100%}html .projects__title--used ul{display:flex;list-style-type:none;margin:2rem}html .projects__title--used li{margin-right:1rem;margin-top:2rem}html .projects--description-one{top:45%}html .projects--description-one,html .projects--description-ones{background-color:#0000;background-color:0;border-radius:1rem;color:#adb5bd;font-size:2.8rem;height:100px;left:14.5%;padding:3rem;position:absolute;width:210px}html .projects--description-ones{top:46%}.about__me--skills ul{display:flex;flex-direction:column;margin-right:10rem}.about__me--skills ul li{margin-bottom:2rem}}@media(min-width:344px)and (max-width:430px){html{font-size:24%}html .link{width:13%}html .about__me--pic{height:60rem;width:50rem}html .projects .des-one{height:300px;margin-top:8rem}html .container{margin:auto;max-width:85rem}html .navbar{max-width:70rem}html .navbar ul li{font-size:4rem;margin-right:10rem}html .header{height:75vh;margin-left:7.8rem;margin-right:6rem;max-height:75vh}html .toggle--button{height:3.5rem;margin-right:-5rem;margin-top:3rem;width:5rem}html .header a:link{font-size:4rem;margin-top:2rem}html .projects--description-one{z-index:999}html .header--name-2{font-size:5rem}html .about__title{margin-left:0;margin-top:20rem}html .projects{position:relative}html .projects__title{color:#f1f3f5;font-size:4.4rem;margin-bottom:3rem;margin-left:2rem}html .projects__img{display:flex;margin-bottom:12rem}html .projects__img--pic{border-radius:2rem;height:310px;margin-bottom:8rem;margin-right:auto;opacity:.2;width:72rem}html .projects--used{width:0}html .projects .projects__title--used-one{bottom:-20%;display:flex;font-size:2.5rem;left:15.5%;position:absolute}html .projects__title--name{color:#15aabf;font-size:6rem;height:50%;margin-bottom:3rem;margin-left:2rem;margin-top:3rem;position:absolute;width:100%}html .projects__title--name-one{left:15%;top:40px}html .projects__title--name-ones{left:15%;top:60px}html .projects__title--used{color:#f1f3f5;font-size:2rem;height:50%;width:100%}html .projects__title--used ul{display:flex;list-style-type:none;margin:2rem}html .projects__title--used li{margin-right:1rem;margin-top:2rem}html .projects .githubs{height:30%}html .projects--description-one{top:45%}html .projects--description-one,html .projects--description-ones{background-color:#0000;background-color:0;border-radius:1rem;color:#adb5bd;font-size:2.8rem;height:100px;left:14.5%;padding:3rem;position:absolute;width:210px}html .projects--description-ones{top:46%}.about__me--skills ul{display:flex;flex-direction:column;margin-right:10rem}.about__me--skills ul li{margin-bottom:2rem}}@media(min-width:701px)and (max-width:800px){.projects--description-ones{height:21rem;left:70rem;top:26rem;width:60rem}.navbar__resume:link,.navbar__resume:visited{margin-left:43rem;margin-right:43rem}.toggle--button{height:3.5rem;margin-right:4rem;margin-top:4rem;width:5rem}.projects__title--used-one{top:40rem}.projects__title--used-one-right{right:15rem;top:32rem}.projects__title--name-one{left:19rem;top:6rem}.projects--description--right{position:absolute;right:71rem;width:60rem}.projects__title--name-one-left{top:8rem}.projects--description-one-left{left:70rem;width:60rem}.projects__title--used-one-left{left:75rem;top:32rem}.projects--description--right{left:2rem}}@media(min-width:801px)and (max-width:960px){html{font-size:32%}.projects__title--name-one{margin-top:12rem}.projects__title--used-one-right{margin-top:-10rem}.header{height:40vh;min-height:40vh}.toggle--button{height:3.5rem;margin-right:4rem;margin-top:4rem;width:5rem}.navbar__resume:link,.navbar__resume:visited{margin-left:3rem}.header__description{margin-right:4rem}.projects__title--used-ones ul li{margin-top:-4rem!important}.projects__title--used-one-left{margin-top:22rem}.projects--description-ones{height:21rem;left:70rem;top:26rem;width:60rem}.projects__title--used-one{top:40rem}.projects__title--used-one-right{right:15rem;top:35rem}.projects__title--name-one{left:19rem;top:6rem}.projects--description--right{position:absolute;right:71rem;width:60rem}.projects__title--name-one-left{margin-top:10rem;top:8rem}.projects--description-one-left{left:70rem;width:60rem}.projects__title--used-one-left{left:75rem;top:32rem}.projects--description--right{left:1rem}}@media(min-width:702px)and (max-width:750px){.projects__title--name-one{margin-top:7rem}.projects__title--used-one-right{margin-top:-6rem}.projects__title--used-ones ul li{margin-top:-1.5rem!important}}@media(min-width:801px)and (max-width:844px){.projects__title--name-one{margin-top:5rem}.projects__title--used-one-right{margin-top:-4rem}.projects__title--used-one-left{margin-top:23rem!important}.projects__title--used-ones ul li{margin-top:3.5rem!important}}@media(min-width:801px)and (max-width:818px){.projects__title--used-one-right{margin-top:-1rem}.projects__title--name-one{margin-top:2rem}.projects__title--used-one-left{margin-top:23rem!important}}@media(min-width:961px)and (max-width:1454px){.header{height:60vh;min-height:60vh}.projects--description-one-left{left:70rem;width:70rem}.projects__title--used-ones ul li{margin-top:1.5rem}.projects--description--right{left:1rem;width:70rem}.projects--description-ones{height:21rem;left:70rem;top:28rem;width:60rem}}@media(min-width:481px)and (max-width:550px){html{font-size:24%}html .toggle--button{height:4rem;margin-right:4rem;margin-top:4rem;width:5rem}html .projects .des-one{height:280px;margin-top:9rem}html .link{width:10%}html .about__me--pic{width:250px}html .container{margin:auto;max-width:85rem}html .navbar ul li{font-size:4rem;margin-right:10rem}html .header{height:80vh;margin:12rem 6rem 20rem 7rem;max-height:80vh}html .header a:link{font-size:4rem;margin-top:2rem}html .header--name-2{font-size:5rem}html .about__title{margin-left:0}html .projects--description-one{z-index:999}html .projects{position:relative}html .projects__title{color:#f1f3f5;font-size:4.4rem;margin-bottom:3rem}html .projects__img{display:flex;margin-bottom:12rem}html .projects__img--pic{border-radius:2rem;height:300px;margin:auto;opacity:.2;width:100%}html .projects--used{width:0}html .projects .projects__title--used-one{bottom:-20%;display:flex;font-size:2.5rem;left:15.5%;position:absolute}html .projects__title--name{color:#15aabf;font-size:6rem;height:50%;margin-bottom:3rem;margin-left:2rem;margin-top:3rem;position:absolute;width:100%}html .projects__title--name-one{left:15%;top:40px}html .projects__title--name-ones{left:15%;top:60px}html .projects__title--used{color:#f1f3f5;font-size:2rem;height:50%;width:100%}html .projects__title--used ul{display:flex;list-style-type:none;margin:2rem}html .projects__title--used li{margin-right:1rem;margin-top:2rem}html .projects--description-one{top:45%}html .projects--description-one,html .projects--description-ones{background-color:#0000;background-color:0;border-radius:1rem;color:#adb5bd;font-size:2.8rem;height:100px;left:14.5%;padding:3rem;position:absolute;width:210px}html .projects--description-ones{top:46%}.about__me--skills ul{display:flex;flex-direction:column;margin-right:10rem}.about__me--skills ul li{margin-bottom:2rem}}@media(min-width:551px)and (max-width:700px){html{font-size:30%}html .toggle--button{height:4rem;margin-right:4rem;margin-top:4rem;width:5rem}html .link{width:15%}html .about__me--pic{width:360px}html .container{margin:auto;max-width:100rem}html .navbar ul li{font-size:4rem;margin-right:10rem}html .header{height:80vh;margin:12rem 6rem 20rem 7.8rem;max-height:80vh}html .header a:link{font-size:4rem;margin-top:2rem}html .header--name-2{font-size:5rem}html .about__title{margin-left:0}html .projects--description-one{z-index:999}html .projects{position:relative}html .projects__title{color:#f1f3f5;font-size:4.4rem;margin-bottom:3rem}html .projects__img{display:flex;margin-bottom:12rem}html .projects__img--pic{border-radius:2rem;margin:auto;opacity:.2;width:100%}html .projects--used{width:0}html .projects .projects__title--used-one-left{margin-top:7rem!important}html .projects .projects__title--used-one{bottom:-20%;display:flex;font-size:2.5rem;left:15.5%;position:absolute}html .projects__title--name{color:#15aabf;font-size:6rem;height:20%;margin-bottom:3rem;margin-left:2rem;margin-top:3rem;position:absolute;width:100%}html .projects__title--name-one{left:15%;top:40px}html .projects__title--name-ones{left:15%;top:60px}html .projects .projects__title--used-one{top:46rem}html .projects .projects__title--used-one-right{top:50rem}html .projects .projects__title--used-ones{top:65rem}html .projects__title--used{color:#f1f3f5;font-size:2rem;height:50%;width:100%}html .projects__title--used ul{display:flex;list-style-type:none;margin:2rem}html .projects__title--used li{margin-right:1rem;margin-top:2rem}html .projects--description-one{top:45%}html .projects--description-one,html .projects--description-ones{background-color:#0000;background-color:0;border-radius:1rem;color:#adb5bd;font-size:2.8rem;height:100px;left:14.5%;padding:3rem;position:absolute;width:210px}html .projects--description-ones{top:46%}.about__me--skills ul{display:flex;flex-direction:column;margin-right:10rem}.about__me--skills ul li{margin-bottom:2rem}}@media(min-width:300px)and (max-width:344px){.githubs{height:30%}.githubs-1{height:23px}}@media(min-width:375px)and (max-width:480px){.githubs{height:30%}.githubs-1{height:25px}}@media(min-width:480px)and (max-width:551px){.githubs{height:24%}.githubs-1{height:21px}}@media(min-width:551px)and (max-width:700px){.githubs,.githubs-1{height:28px}}@media(min-width:701px)and (max-width:750px){.githubs{height:12px}.githubs-1{height:13px}}@media(min-width:751px)and (max-width:960px){.githubs,.githubs-1{height:14px}}@media(min-width:961px)and (max-width:999px){.githubs,.githubs-1{height:20px}}@media(min-width:1000px)and (max-width:1240px){.githubs{height:32px}.githubs-1{height:25px}}@media(min-width:1241px)and (max-width:1452px){.githubs{height:32px}.githubs-1{height:30px}}@media(min-width:1453px)and (max-width:1556px){.githubs{height:34px}.githubs-1{height:38px}}@media(min-width:1556px)and (max-width:1720px){.githubs{height:32px}}@media(min-width:1194px)and (max-width:1454px){.des-one{height:400px!important}}@media(min-width:970px)and (max-width:1193px){.des-one{height:350px!important}}@media(min-width:961px)and (max-width:969px){.des-one{height:310px!important}}@media(min-width:751px)and (max-width:960px){.des-one{height:270px!important}}@media(min-width:700px)and (max-width:750px){.des-one{height:240px!important}}@media(min-width:550px)and (max-width:699px){.projects__img--pic{height:650px!important}}@media(min-width:350px)and (max-width:549px){.projects__img--pic{height:400px!important}}
/*# sourceMappingURL=main.3c701ede.css.map*/