section{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}section:before{content:"";position:absolute;bottom:0;width:100%;height:100px;background:linear-gradient(0deg,#111,transparent);z-index:3}#banner-text1{top:175px;left:20%}#banner-text1,#banner-text2{font-size:50px;color:#fff;position:absolute}#banner-text2{top:275px;right:25%}section img{position:absolute;top:0;left:0;width:100%;max-width:100%;height:100%;object-fit:cover;pointer-events:none}@media only screen and (min-width:1440px){#banner-text1{top:175px;left:20%}#banner-text1,#banner-text2{font-size:50px;color:#fff;position:absolute}#banner-text2{top:275px;right:25%}}.main-header{transition:1s;background-color:#111;padding:5px 12px;width:100%;border-bottom:2px solid #ebb00e;position:-webkit-sticky;position:sticky;top:0;z-index:4}.main-nav__item,.main-nav__items a{display:inline-block;margin:0 16px}.main-nav__items a{text-align:center;color:#f0f0f0;font-weight:700;font-size:27px}.main-nav__items>.active,.main-nav__items a:hover{color:#f5a038}.main-nav{display:inline-block;text-align:center;width:100%}.main-nav__item a{color:#f0f0f0;text-decoration:none;font-weight:700;font-size:22px}.main-nav__item a:active,.main-nav__item a:hover{color:#f5a038}.main-header.active{transition:.3s;background-color:#2d3642;padding:15px 12px;width:100;border-bottom:3px solid #ebb00e;position:fixed;top:0;z-index:4}.nav-text.active{font-size:26px}#profile-picture{margin:0;padding:0;background-image:url(/images/profile-picture-1.png);background-size:cover;height:450px;width:450px;position:relative;top:-475px;left:175px}h1{color:#f07902;font-size:50px;top:100px;left:1000px}.text,h1{position:relative}.text{width:600px;top:125px;left:820px;font-size:20px;color:#fffefc}.text ul{position:relative;width:400px;margin:0 auto;padding:10px;box-sizing:border-box}.text ul li{display:flex;background:hsla(0,0%,100%,.05);padding:10px 20px;color:#fff;margin:5px 0;transition:.5s}.text ul li:first-child{background:rgba(240,121,2,.7)}.text ul li:nth-child(2){background:rgba(240,121,2,.5)}.text ul li:nth-child(3){background:rgba(240,121,2,.3)}.text ul li:nth-child(4){background:rgba(240,121,2,.2)}.text ul li:nth-child(5){background:rgba(240,121,2,.1)}.text ul li:hover{transform:scale(1.06);background:#b9bbbd}#box{background:#f07902;width:150px;height:6px;position:relative;top:105px;left:1030px}#icon1{background-image:url(/images/icon-1.png);top:-625px;left:90px}#icon1,#icon2{background-size:cover;height:150px;width:150px;position:relative}#icon2{background-image:url(/images/icon-2-atom.png);top:-650px;left:325px}#icon3{background-image:url(/images/icon-3.png);background-size:cover;height:150px;width:150px;position:relative;top:-928px;left:565px}#icon1-text{top:-920px;left:85px;width:10%;margin:0;padding:0}#icon1-text,#icon2-text{position:relative;font-size:35px}#icon2-text{top:-830px;left:330px}#icon3-text{position:relative;top:-1000px;left:578px;font-size:35px;width:10%;margin:0;padding:0}@media only screen and (min-width:1630px){h1{color:#f07902;font-size:50px;top:100px;left:1200px}.text,h1{position:relative}.text{width:600px;top:125px;left:1020px;font-size:20px;color:#fffefc}.text ul{width:400px;margin:0 auto;padding:10px;box-sizing:border-box}#box,.text ul{position:relative}#box{background:#f07902;width:150px;height:6px;top:105px;left:1230px}}@media only screen and (min-width:1340px) and (max-width:1440px){h1{color:#f07902;font-size:45px;top:100px;left:900px}.text,h1{position:relative}.text{width:600px;top:125px;left:720px;font-size:18px;color:#fffefc}.text ul{width:400px;margin:0 auto;padding:10px;box-sizing:border-box}#box,.text ul{position:relative}#box{background:#f07902;width:150px;height:6px;top:105px;left:920px}#profile-picture{margin:0;padding:0;background-image:url(/images/profile-picture-1.png);background-size:cover;height:400px;width:400px;position:relative;top:-475px;left:175px}#icon1{background-image:url(/images/icon-1.png);top:-625px;left:90px}#icon1,#icon2{background-size:cover;height:150px;width:150px;position:relative}#icon2{background-image:url(/images/icon-2-atom.png);top:-650px;left:305px}#icon3{background-image:url(/images/icon-3.png);background-size:cover;height:150px;width:150px;position:relative;top:-928px;left:525px}#icon1-text{top:-920px;left:85px;width:10%;margin:0;padding:0}#icon1-text,#icon2-text{position:relative;font-size:35px}#icon2-text{top:-830px;left:315px}#icon3-text{position:relative;top:-1000px;left:538px;font-size:35px;width:10%;margin:0;padding:0}}@media only screen and (min-width:1200px) and (max-width:1340px){h1{color:#f07902;font-size:45px;top:100px;left:780px}.text,h1{position:relative}.text{width:600px;top:125px;left:600px;font-size:18px;color:#fffefc}.text ul{width:400px;margin:0 auto;padding:10px;box-sizing:border-box}#box,.text ul{position:relative}#box{background:#f07902;width:150px;height:6px;top:105px;left:800px}#profile-picture{margin:0;padding:0;background-image:url(/images/profile-picture-1.png);background-size:cover;height:360px;width:360px;position:relative;top:-455px;left:135px}#icon1{background-image:url(/images/icon-1.png);top:-580px;left:50px}#icon1,#icon2{background-size:cover;height:130px;width:130px;position:relative}#icon2{background-image:url(/images/icon-2-atom.png);top:-600px;left:255px}#icon3{background-image:url(/images/icon-3.png);background-size:cover;height:130px;width:130px;position:relative;top:-838px;left:455px}#icon1-text{top:-850px;left:40px;width:10%;margin:0;padding:0}#icon1-text,#icon2-text{position:relative;font-size:33px}#icon2-text{top:-775px;left:255px}#icon3-text{position:relative;top:-915px;left:460px;font-size:33px;width:10%;margin:0;padding:0}}@media only screen and (min-width:1024px) and (max-width:1200px){h1{color:#f07902;font-size:45px;top:150px;left:40%}.text,h1{position:relative}.text{width:550px;top:200px;left:440px;font-size:18px;color:#fffefc}.text ul{width:400px}#box{background:#f07902;width:150px;height:6px;position:relative;top:155px;left:42%}#profile-picture{margin:0;padding:0;background-image:url(/images/profile-picture-1.png);height:310px;width:310px;top:-225px;left:135px}#icon1,#profile-picture{background-size:cover;position:relative}#icon1{background-image:url(/images/icon-1.png);height:100px;width:100px;top:-330px;left:80px}#icon2{background-image:url(/images/icon-2-atom.png);top:-340px;left:245px}#icon2,#icon3{background-size:cover;height:100px;width:100px;position:relative}#icon3{background-image:url(/images/icon-3.png);top:-530px;left:405px}#icon1-text{top:-540px;left:70px;width:10%;margin:0;padding:0}#icon1-text,#icon2-text{position:relative;font-size:28px}#icon2-text{top:-480px;left:240px}#icon3-text{position:relative;top:-600px;left:405px;font-size:28px;width:10%;margin:0;padding:0}.text ul{position:relative;width:300px;margin:0 auto;padding:10px;box-sizing:border-box}}@media only screen and (min-width:768px) and (max-width:1024px){h1{color:#f07902;font-size:45px;top:200px;left:155px}.text,h1{position:relative}.text{width:340px;top:220px;left:435px;font-size:16px;color:#fffefc}.text ul{width:400px}#box{background:#f07902;width:150px;height:6px;position:relative;top:195px;left:175px}#profile-picture{margin:0;padding:0;background-image:url(/images/profile-picture-1.png);height:310px;width:310px;top:-225px;left:95px}#icon1,#profile-picture{background-size:cover;position:relative}#icon1{background-image:url(/images/icon-1.png);height:100px;width:100px;top:-330px;left:40px}#icon2{background-image:url(/images/icon-2-atom.png);top:-340px;left:205px}#icon2,#icon3{background-size:cover;height:100px;width:100px;position:relative}#icon3{background-image:url(/images/icon-3.png);top:-530px;left:365px}#icon1-text{top:-540px;left:30px;width:10%;margin:0;padding:0}#icon1-text,#icon2-text{position:relative;font-size:26px}#icon2-text{top:-480px;left:205px}#icon3-text{position:relative;top:-595px;left:370px;font-size:26px;width:10%;margin:0;padding:0}.text ul{position:relative;width:200px;margin:0 auto;padding:10px;box-sizing:border-box}}@media only screen and (min-width:425px) and (max-width:768px){h1{color:#f07902;font-size:45px;top:170px;left:35%}.text,h1{position:relative}.text{width:240px;top:220px;left:305px;font-size:16px;color:#fffefc}.text ul{width:400px;margin:0 auto}#box{background:#f07902;width:150px;height:6px;position:relative;top:165px;left:38%}#profile-picture{margin:0;padding:0;background-image:url(/images/profile-picture-1.png);height:160px;width:160px;top:-400px;left:75px}#icon1,#profile-picture{background-size:cover;position:relative}#icon1{background-image:url(/images/icon-1.png);height:50px;width:50px;top:-455px;left:40px}#icon2{background-image:url(/images/icon-2-atom.png);top:-450px;left:135px}#icon2,#icon3{background-size:cover;height:50px;width:50px;position:relative}#icon3{background-image:url(/images/icon-3.png);top:-555px;left:220px}#icon1-text{top:-555px;left:25px;width:10%;margin:0;padding:0}#icon1-text,#icon2-text{position:relative;font-size:18px}#icon2-text{top:-520px;left:125px}#icon3-text{top:-595px;left:215px;font-size:18px;width:10%;padding:0}#icon3-text,.text ul{position:relative;margin:0}.text ul{width:200px;padding:10px;box-sizing:border-box;left:-250px;top:-90px}}@media only screen and (min-width:375px) and (max-width:425px){h1{color:#f07902;font-size:40px;top:150px;left:35%}.text,h1{position:relative}.text{width:200px;top:190px;left:230px;font-size:14px;color:#fffefc}.text ul{width:400px;margin:0 auto}#box{background:#f07902;width:150px;height:6px;position:relative;top:145px;left:37%}#profile-picture{margin:0;padding:0;background-image:url(/images/profile-picture-1.png);height:120px;width:120px;top:-400px;left:75px}#icon1,#profile-picture{background-size:cover;position:relative}#icon1{background-image:url(/images/icon-1.png);height:30px;width:30px;top:-440px;left:60px}#icon2{background-image:url(/images/icon-2-atom.png);top:-435px;left:123px}#icon2,#icon3{background-size:cover;height:30px;width:30px;position:relative}#icon3{background-image:url(/images/icon-3.png);top:-500px;left:183px}#icon1-text{top:-505px;left:40px;width:10%;margin:0;padding:0}#icon1-text,#icon2-text{position:relative;font-size:13px}#icon2-text{top:-485px;left:112px}#icon3-text{top:-535px;left:175px;font-size:13px;width:10%;padding:0}#icon3-text,.text ul{position:relative;margin:0}.text ul{width:200px;padding:10px;box-sizing:border-box;left:-200px;top:-120px}}@media only screen and (max-width:375px){h1{color:#f07902;font-size:40px;top:230px;left:35%}.text,h1{position:relative}.text{width:200px;top:390px;left:180px;font-size:14px;color:#fffefc}.text ul{width:400px;margin:0 auto}#box{background:#f07902;width:150px;height:6px;position:relative;top:225px;left:37%}#profile-picture{margin:0;padding:0;background-image:url(/images/profile-picture-1.png);height:120px;width:120px;top:-300px;left:75px}#icon1,#profile-picture{background-size:cover;position:relative}#icon1{background-image:url(/images/icon-1.png);height:30px;width:30px;top:-340px;left:60px}#icon2{background-image:url(/images/icon-2-atom.png);top:-335px;left:123px}#icon2,#icon3{background-size:cover;height:30px;width:30px;position:relative}#icon3{background-image:url(/images/icon-3.png);top:-400px;left:183px}#icon1-text{top:-405px;left:40px;width:10%;margin:0;padding:0}#icon1-text,#icon2-text{position:relative;font-size:13px}#icon2-text{top:-385px;left:112px}#icon3-text{top:-435px;left:175px;font-size:13px;width:10%;padding:0}#icon3-text,.text ul{position:relative;margin:0}.text ul{width:160px;padding:10px;box-sizing:border-box;left:-155px;top:-240px}}.projects-box{min-height:800px}.projects-header{color:#f07902;font-size:50px;position:relative;top:100px;text-align:center;left:0}.projects-box #box{margin:0 -75px;position:relative;top:100px;align-items:center;left:50%}.hexagon{width:400px;height:200px;background:red;transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);-webkit-transform:rotate(120deg);margin:10px;overflow:hidden;visibility:hidden}.hexagon-inside{background:green;overflow:hidden}.hexagon-image,.hexagon-inside{width:100%;height:100%;transform:rotate(-60deg);-moz-transform:rotate(-60deg);-ms-transform:rotate(-60deg);-o-transform:rotate(-60deg);-webkit-transform:rotate(-60deg)}.hexagon-image{background-position:50%;background-size:100% 100%;visibility:visible}:root{--primary:#f07902;--warning:#ffd028;--danger:#eb3f27;--success:#75fa83;--white:#fdfdfd;--dark:#181717;--lin:linear-gradient(#8fc2c1,#39f7f4)}.btn{font-family:sans-seriff;font-weight:400;border-radius:3px;cursor:pointer;transition:transform .3s ease}.btn--primary--solid{background-color:#f07902;background-color:var(--primary);color:#fdfdfd;color:var(--white);border:none}.btn--primary--outline{background-color:transparent;border:3px solid #f07902;border:3px solid var(--primary);color:#f07902;color:var(--primary)}.btn--primary--outline:hover{background-color:linear-gradient(#8fc2c1,#39f7f4)}.btn--medium{padding:20px 40px;font-size:35px}.btn--large{padding:15 30px;font-size:20px}.resume-button-position{margin:0 -187px;position:relative;top:150px;align-items:center;left:50%}.btn--primary--outline.active{background:#04c1c8;border:3px solid #04c1c8;color:#fff}.triangle{background:red;position:absolute;z-index:1000}#transition{margin:0;padding:0;background-image:url(/images/transition-2.png);background-size:contain;background-repeat:no-repeat;height:30vh;width:100vw;position:relative;top:312px}.contact h1{color:#f07902;font-size:50px;left:0;text-align:center}.contact #box,.contact h1{position:relative;top:150px}.contact #box{margin-left:-87.5px;width:175px;left:50%;align-items:center}.contact h2{font-size:30px;color:#fff;left:-28%;top:30vh}.contact h2,.contact h3{display:block;position:relative;text-align:center}.contact h3{color:#04c1c8;font-size:20px;top:17vh}textarea{margin:0 470px 5px 0;height:150px;width:612px}.contact .form-name,.form-email,textarea{background:#1e242c;border:0;box-sizing:border-box;color:#fff;display:block;font-size:14pt;margin-bottom:3px;outline:none;padding:10px 15px;width:32%;position:relative;right:-63%;top:0}.submit-button{background:transparent;border:3px solid #fff;color:#fff;position:relative;right:-75%;top:3px;bottom:2vh;font-size:12pt;margin:5px 0 0;outline:0;padding:10px 30px;transition:.3s}.submit-button:hover{transform:scale(1.2);background:#04c1c8;border:none}.section,.section-1 #about-me{background:linear-gradient(#b9bbbd,#a9aaab);max-height:800px;overflow:hidden}.section-1 #about-me{min-height:700px}.section-2{background:linear-gradient(#b9bbbd,#a9aaab);min-height:400px}.contact{background:transparent;min-height:500px}*{max-width:100vw}*,body{padding:0;margin:0}body{background:#2d3642;height:3700px;width:100%;overflow-x:hidden;overflow-y:auto}.side-box-active{position:fixed;width:3px;height:200px;bottom:0;left:2%;background-color:#dbdbdb;opacity:.7}.fa-linkedin{bottom:225px}.fa-github-square,.fa-linkedin{position:fixed;align-items:center;transform:scale(2);left:1.75%;color:#dbdbdb;opacity:.7}.fa-github-square{bottom:265px}.fa-github-square:hover,.fa-linkedin:hover{opacity:.9;color:#04c1c8}.socials{opacity:0}.socials.active{opacity:1;transition:1s ease}@media only screen and (max-width:375px){.side-box-active{position:fixed;width:3px;height:200px;bottom:0;left:3%;background-color:#dbdbdb;opacity:.7}.fa-linkedin{bottom:225px}.fa-github-square,.fa-linkedin{position:fixed;align-items:center;transform:scale(2);left:2.75%;color:#dbdbdb;opacity:.7}.fa-github-square{bottom:265px}*,.body{width:375px}}
/*# sourceMappingURL=main.325db28d.chunk.css.map */