@font-face{font-family:"Streamster";src:url(/fonts/Streamster.woff)}@font-face{font-family:"VCR";src:url(/fonts/VCROSDMono.woff)}body{overflow:hidden;font-family:"Work Sans";background-color:#000}body,canvas,html{margin:0;padding:0}.loading,body,canvas,html{height:100vh;width:100vw}.loading{background-color:#000;animation:fadeIn .25s ease;-webkit-animation:fadeIn .25s ease;-moz-animation:fadeIn ease .25s}.glitch{position:relative;top:45%;width:100%;font-family:"VCR",sans-serif;color:#ff6f61;font-size:5rem;color:#fff;text-transform:uppercase;text-shadow:.05em 0 0 rgba(255,0,0,.75),-.025em -.05em 0 rgba(0,255,0,.75),.025em .05em 0 rgba(0,0,255,.75);-webkit-animation:glitch .5s infinite;animation:glitch .5s infinite}.glitch span{position:absolute;top:40%;left:35%}.glitch span:first-child{-webkit-animation:glitch .65s infinite;animation:glitch .65s infinite;-webkit-clip-path:polygon(0 0,100% 0,100% 45%,0 45%);clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-.025em,-.0125em);opacity:.8}.glitch span:last-child{-webkit-animation:glitch 375ms infinite;animation:glitch 375ms infinite;-webkit-clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%);clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%);transform:translate(.0125em,.025em);opacity:.8}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes glitch{0%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),-.025em .05em 0 rgba(0,0,255,.75)}14%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),-.025em .05em 0 rgba(0,0,255,.75)}15%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}49%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}50%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}99%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}to{text-shadow:-.025em 0 0 rgba(255,0,0,.75),-.025em -.025em 0 rgba(0,255,0,.75),-.025em -.05em 0 rgba(0,0,255,.75)}}@keyframes glitch{0%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),-.025em .05em 0 rgba(0,0,255,.75)}14%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),-.025em .05em 0 rgba(0,0,255,.75)}15%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}49%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}50%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}99%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}to{text-shadow:-.025em 0 0 rgba(255,0,0,.75),-.025em -.025em 0 rgba(0,255,0,.75),-.025em -.05em 0 rgba(0,0,255,.75)}}.app{height:100vh;width:100vw}.container{margin:0 auto}#about,#exp,#home,#projects,#skills{height:100vh;width:100vw;position:absolute;z-index:100}#home-content{position:relative;top:30%;left:2.5%;opacity:0}.home-header-container{position:relative;left:30%}.header-container{position:relative;top:5%;left:35%}.header{font-family:"Streamster",sans-serif;font-size:12vh;color:#ff6f61;align-self:center;position:relative;text-shadow:.02em 0 0 #fff;opacity:0}svg{position:absolute;z-index:-300;top:70%;left:-5%;transform:rotate(-2deg)}.items{display:flex;flex-direction:row;justify-content:space-evenly;font-size:4vh;padding:20px}.items a{text-decoration:none}.exp-item,.item,.other-exp-item{color:#7e5e9a;font-family:"VCR",sans-serif;margin-bottom:10px}.link{width:20%;cursor:pointer}.link a{text-decoration:none;color:#fff}.link:after{content:" ";position:absolute;width:1%;height:15%;background-color:#ff6f61;-webkit-animation:blink .5s ease infinite;animation:blink .5s ease infinite}@-webkit-keyframes blink{0%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:0}to{opacity:1}}#about{top:5%}.about-box{flex-direction:column;width:70%;position:relative;top:5%;left:10%;background-color:rgba(38,48,86,.75);color:#fff;border:1px solid #7e5e9a;opacity:0;height:0;width:0}.about-bar,.about-box{display:flex;align-items:flex-start}.about-bar{height:20px;background-color:#7e5e9a;width:100%;align-content:baseline;font-family:"VCR";font-size:2vh;padding-top:5px;padding-bottom:5px}.about-bar-title{margin-left:11px;opacity:0}.about-bar i{padding-right:11px;color:#fff;margin-left:auto}.about-content{display:flex;padding:10px}.about-img{width:20%;height:70%;color:#fff;opacity:0;box-sizing:border-box}.about-img img{height:auto;width:100%}.about-info{width:100%;color:#fff}.item a{text-decoration:none}.about-data-item{color:#fff;font-size:1.5vh}.about-data-item:after{content:" ";position:absolute;width:1%;height:4%;background-color:#ff69b4;-webkit-animation:blink .5s ease infinite;animation:blink .5s ease infinite;margin-left:2.5px}.exp-text-container{font-size:1.5rem;color:#2a2a35}.about-text{width:80%;padding-left:2%;padding-right:2%;margin-left:auto;opacity:0}.about-text span{display:block;font-size:2vh;margin-bottom:10px}.about-links{font-size:3rem;color:#bed38e}.fab,.fas{color:#2a2a35;cursor:pointer}.about-links .fab:first-of-type{margin-right:20px}#skills-content{position:relative;top:0}#skills-content .header{left:7%}.skills-container{height:100%;width:100vw}.skills-content{display:block}.skills-grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-self:center;width:100%}.skills-box{display:flex;flex-direction:column;align-items:flex-start;width:30%;height:35vh;background-color:rgba(38,48,86,.75);color:#fff;font-size:2vh;border:1px solid #7e5e9a;opacity:0;margin-right:10px;margin-bottom:10px}.skills-box .about-bar span{margin-left:10px}.skills-box .skills-content p{font-size:2.5vh}#exp{top:0}#exp .header{font-size:10vh;left:5%}#exp-content{width:90%;height:100%;display:flex;position:relative;left:-3%}#exp-content .about-box:first-of-type{max-width:100%;max-height:100%;margin-right:10px}#exp-content .other-box{height:0;width:0}#exp-content .about-box .about-content .about-text{width:100%}#exp-content .about-img{width:35%}.exp-container{display:flex;flex-direction:column}.exp-area{height:50vh}.exp-items{flex-direction:column;width:30%;justify-content:flex-start;font-size:2vh}.exp-content .about-img{width:40%}.exp-content .about-data-item{font-size:3vh}.exp-text-container{padding:20px 15px 0;margin-left:20px}#exp-content .about-box .about-content .about-text span,.other-exp-text{font-size:2.25vh}.other-exp-items{display:inline-block;width:33%}.other-exp-text{margin-bottom:10px}#projects .header{left:5%}.projects-grid{display:flex;flex-wrap:wrap;justify-content:center;width:100%;height:50%;position:relative;left:-10%;top:5%}.project-box{width:20vw;height:60%;margin-bottom:1.5%;margin-right:1.5%;padding-left:0;cursor:pointer;opacity:0}.project-bar{width:100%;display:flex;align-items:flex-start;align-content:baseline;font-family:"VCR";font-size:2vh}.project-bar span{padding-left:5px;font-size:1.5vh;align-self:baseline}.project-bar i{font-size:2vh}.project-content{text-align:center;padding:0}.project-content,.project-info{height:100%;width:100%}.project-languages{margin-top:2.5%;text-align:center}.project-languages i{font-size:3vh}.project-button{width:100%;border:none;background-color:#98dddf;font-family:"VCR";font-size:1.25rem;cursor:pointer;padding:2.5%;margin-top:10%}.project-img{height:21vh;width:100%}.fab,.far{font-size:2rem;margin-right:2.5%}.project-about{margin-left:2.5%}.project-about h3{cursor:pointer}.tech-list{list-style:none;font-size:1.5rem;text-align:center}.tech-list li{display:inline-block;margin-right:2.5%;font-size:1rem}.project-img img{width:100%;height:100%}.project-header{letter-spacing:-6px}.project-text{background-color:#bed38e;color:#2a2a35;width:100%;font-size:1.5rem;margin-top:-5px}.project-links{width:100%;display:flex;justify-content:flex-start}.proj-icon{font-size:4rem}.proj-icon:first-of-type{margin-right:50px}.project-modal{position:absolute;z-index:999;top:0;left:0;height:110vh;width:100vw;background-color:rgba(0,0,0,.8)}.modal{top:2%;left:25%}.modal-card{position:relative;top:0;left:15%;height:80vh;max-width:100vw;background-color:#bed38e;padding:0 2%;opacity:0}.project-modal .about-bar{display:flex;align-self:flex-start;font-family:"VCR"}.project-modal .about-bar i{margin-left:auto}.modal-card-header{display:flex;flex-direction:row;align-items:baseline;font-size:2rem;width:100%}.modal-header{font-size:5vh;letter-spacing:-5px}.modal-content{opacity:0;display:flex;flex-direction:column;align-items:center;height:100%;padding:10px}.modal-body{overflow-y:scroll;display:flex}.modal-img{width:100%;height:60%}.modal-img img{height:100%;width:100%}.modal-languages{width:100%;text-align:center;font-size:2vh;margin-bottom:20px}.modal-languages i{margin-top:20px;font-size:5vh}.modal-content .about-info{width:100%}.about-header{font-family:"VCR";font-size:1.5rem;margin-bottom:2.5%;text-align:center}.modal-text{width:70%;padding-left:2.5%;padding-right:2.5%}.modal-content .about-info p{font-size:2.25vh}.modal-close{margin-left:auto;cursor:pointer}.modal-buttons{display:flex;flex-direction:row;justify-content:space-around;position:relative;left:-10%;width:70%}.modal-button{font-family:"VCR";background-color:#7e5e9a;font-size:1.5rem;display:block;border:none;padding:10px;position:relative;left:35%;cursor:pointer;align-self:baseline}.modal-button:first-of-type{margin-bottom:20px}.modal-button a{text-decoration:none;color:#fff}@media only screen and (orientation:portrait)and (min-width:320px)and (max-width:415px){html{overflow-y:hidden;overflow-x:hidden}.glitch{top:35%;left:-15%;font-size:10vh;text-align:center}.header{font-size:6.5vh}svg{display:none}#home-content{position:relative;left:-2.5%;top:25%;align-content:center}.home-header-container{left:5%;text-align:center}#home-content .items{display:flex;flex-direction:column;text-align:center;font-size:5vh;align-self:center}#home-content .items .item{width:100%}.link:after{width:5%}#about{top:-5%}#about .header{left:-5%}.about-box{left:5%;overflow-y:hidden}.about-content{height:100%;flex-direction:column;align-self:center;justify-content:space-around}.about-img{width:100%;height:20%;margin-bottom:10px;display:flex;flex-direction:row;justify-content:center}.about-img img{width:35%;height:auto;position:relative}.about-info{font-size:2.25vh;width:40%;margin-left:20px;align-self:center}.about-data-item:after{width:2.5%}.about-text{width:96%;height:100%;overflow-y:scroll}.about-text span{display:block;font-size:.8rem;margin-bottom:10px}#skills{top:0}#skills,#skills-content .header{left:2.5%}.skills-grid{flex-direction:column;align-items:center}.skills-grid .skills-box{width:80vw;height:12.5vh;margin-bottom:10px}.skills-grid .about-bar{font-size:2vh}.skills-grid .about-bar span{padding-left:5px}.skills-content{padding:0;padding:5px 0;text-align:center}.skills-box .skills-content p{display:inline-block;font-size:1.75vh;margin:7px 7px 7px 0}.skills-content p:after{content:", "}.skills-content p:last-of-type{margin-right:0}.skills-content p:last-of-type:after{content:""}#exp{top:1%}#exp .header{left:-12.5%}#exp-content{flex-direction:column;position:relative;left:5%}#exp-content .about-box{width:100%;height:50%}#exp-content .about-content{width:90%;height:100%;flex-direction:column;text-align:center;align-items:flex-start;justify-content:baseline}#exp-content .about-img{width:100%;height:50%;margin-top:-5px}#exp-content .about-img .item{margin-bottom:0}#exp-content .about-box .about-text{padding-left:10px;margin-left:0}#exp-content .about-img img{width:45%}#exp-content .about-box .about-content .exp-text span{font-size:1.2vh;margin-left:-10px;text-align:left}#exp-content .other-box{margin-top:10px;max-width:80%}.other-box .about-text{display:flex;flex-direction:row;width:100%;justify-content:center}.other-exp-text div{font-size:1.1vh;margin-right:15px;text-align:left;width:100%}.other-exp-text div:last-of-type{margin-right:0}#projects{overflow-y:scroll;overflow-x:hidden;left:-4%;width:100vw}#projects .header{left:5%}.projects-grid{left:5%;width:90vw}.project-box{height:60vh;width:80vh}.project-box .project-bar i,.project-box .project-bar span{font-size:2.5vh}.project-img{width:100%;height:100%;flex-direction:column}.project-img img{height:75%;width:100%}.project-img .project-languages{height:20%;width:75vw;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.project-img .project-languages i{font-size:5vh}.project-languages i{font-size:3vh}.modal-content{flex-direction:column;width:90%;height:100%}.modal{left:2.5%}.project-modal .project-bar-title,.project-modal i{font-size:3vh}.modal-content{overflow-y:scroll}.modal-img{display:none}.modal-content .about-info{margin-top:-20px}.modal-content .about-info p{font-size:2.9vh}.modal-buttons{flex-direction:column}.modal-button{width:100%;font-size:3vh}.modal-close{margin-left:auto;cursor:pointer}}@media only screen and (orientation:portrait)and (min-width:415px)and (max-width:800px){html{overflow-y:hidden;overflow-x:hidden}.glitch{top:35%;left:-15%;font-size:10vh;text-align:center}.header{font-size:8vh}svg{display:none}#home-content{position:relative;left:-2.5%;top:25%;align-content:center}.home-header-container{left:2.5%;text-align:center}#home-content .items{display:flex;flex-direction:column;text-align:center;font-size:5vh}#home-content .items .item{width:100%}.link:after{width:3%}#about{top:-5%}#about .header{left:-2.5%}.about-box{left:5%}.about-content{height:100%;flex-direction:column;align-self:center;justify-content:space-around}.about-img{width:100%;height:20%;margin-bottom:10px;display:flex;flex-direction:row;justify-content:center}.about-img img{width:20%;height:auto;position:relative}.about-info{font-size:2.25vh;width:40%;margin-left:20px;align-self:center}.about-data-item:after{width:2.5%}.about-text{width:96%;height:77%;overflow-y:scroll}.about-text span{display:block;font-size:1rem;margin-bottom:10px}#skills{top:2.5%}#skills .header{left:5%}.skills-grid{flex-direction:column;align-items:center}.skills-grid .skills-box{width:80vw;height:12vh;margin-bottom:10px}.skills-grid .about-bar{font-size:2vh}.skills-grid .about-bar span{padding-left:5px}.skills-content{padding:0;padding:5px 0;text-align:center}.skills-box .skills-content p{display:inline-block;font-size:2vh;margin:7px 7px 7px 0}.skills-content p:after{content:", "}.skills-content p:last-of-type{margin-right:0}.skills-content p:last-of-type:after{content:""}#exp{top:0;left:0}#exp .header{left:-2.5%;font-size:8vh}#exp-content{flex-direction:column;align-items:center;width:100%;left:0}#exp-content .about-box{left:0}#exp-content .about-content{width:95%;height:100%;flex-direction:column}#exp-content .about-img{width:100%;height:10%}#exp-content .about-img .about-info{width:80%;display:flex;justify-content:space-between;padding-left:10px}#exp-content .about-img .about-info .about-data-item{font-size:2vh}#exp-content .about-box .about-text{height:90%;width:100%}#exp-content .about-box .about-content .exp-text span{font-size:1.8vh}#exp-content .other-box{margin-top:10px;max-width:100%;padding:0}.other-box .about-text{display:flex;flex-direction:row;justify-content:space-around;padding:10px;margin-top:-10px;margin-left:-10px}.other-exp-text div{font-size:1.6vh;width:100%}.other-exp-text div:last-of-type{margin-right:0}#projects{overflow-y:scroll;overflow-x:hidden;left:-4.5%}#projects .header{left:10%}.projects-grid{left:0}.project-box{height:60vh;width:90vw}.project-box .project-bar i,.project-box .project-bar span{font-size:2.5vh}.project-img{width:100%;height:100%;flex-direction:column}.project-img img{height:75%;width:100%}.project-img .project-languages{height:20%;width:240%;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.project-img .project-languages i{font-size:5vh}.modal-content .project-languages{display:none}.project-languages i{font-size:3vh}.modal{left:2.5%}.project-modal .project-bar-title,.project-modal i{font-size:3vh}.modal-header{font-size:4vh}.modal-content{flex-direction:column;align-self:center;width:90%;height:100%;padding:10px}.modal-img{display:none}.modal-content .about-info p{font-size:3vh}.modal-button{width:40%;font-size:1.5vh}.modal-close{margin-left:auto}}@media only screen and (orientation:portrait)and (min-width:801px)and (max-width:950px){html{overflow-y:hidden;overflow-x:hidden}.glitch{top:35%;left:-5%;font-size:7vh}.header{font-size:8vh}svg{display:none}#home-content{position:relative;left:-2.5%;top:25%;align-content:center}.home-header-container{left:2.5%;text-align:center}#home-content .items{display:flex;flex-direction:column;text-align:center;font-size:5vh}#home-content .items .item{width:100%}.link:after{width:3%}#about .header{left:-5%}.about-box{left:5%}.about-content{height:100%;flex-direction:column;align-self:center;justify-content:space-around}.about-img{width:100%;height:20%;margin-bottom:10px;display:flex;flex-direction:row;justify-content:center}.about-img img{width:25%;height:auto;position:relative}.about-info{font-size:2.25vh;width:30%;margin-left:20px;align-self:center}.about-data-item:after{width:2.5%}.about-text{width:96%;height:77%;overflow-y:scroll}.about-text span{display:block;font-size:2rem;margin-bottom:10px}.skills-grid{flex-direction:column;align-items:center}.skills-grid .skills-box{width:80vw;margin-bottom:10px}.skills-grid .about-bar{font-size:2vh}.skills-grid .about-bar span{padding-left:5px}.skills-content{width:100%;padding:15px 0;text-align:center}.skills-content p{display:inline-block;margin:7px 7px 7px 0}.skills-content p:after{content:", "}.skills-content p:last-of-type{margin-right:0}.skills-content p:last-of-type:after{content:""}#exp{top:0;left:0}#exp .header{left:-2.5%;font-size:8vh}#exp-content{flex-direction:column;align-items:center;width:100%;left:0}#exp-content .about-box{left:0}#exp-content .about-content{width:95%;height:100%;flex-direction:column}#exp-content .about-img{width:100%;height:10%}#exp-content .about-img .about-info{width:80%;display:flex;justify-content:space-between;padding-left:10px}#exp-content .about-img .about-info .about-data-item{font-size:2vh}#exp-content .about-box .about-text{height:90%;width:100%}#exp-content .about-box .about-content .exp-text span{font-size:2.1vh}#exp-content .other-box{margin-top:10px;max-width:100%;padding:0}.other-box .about-text{display:flex;flex-direction:row;justify-content:space-around;padding:10px;margin-top:-10px;margin-left:-10px}.other-exp-text div{font-size:2vh;width:100%}.other-exp-text div:last-of-type{margin-right:0}#projects{height:110vh;overflow-y:scroll;overflow-x:hidden}.project-box{height:50vh;width:50vh}.project-box .project-bar i,.project-box .project-bar span{font-size:1.25vh}.project-img{width:100%;height:100%;flex-direction:column;align-items:center}.project-img img{height:75%;width:100%}.project-img .project-languages{height:20%;width:240%;display:flex;align-items:center;justify-content:space-around}.project-img .project-languages i{font-size:5vh}.project-bar i,.project-bar span{font-size:2vh}.modal{left:2.5%}.modal-header{font-size:2vh}.modal-content{flex-direction:column;align-self:center;justify-content:center;width:90%;height:100%;padding:10px}.modal-content .about-info p{font-size:2vh;text-align:center}.modal-content .about-info .modal-button{font-size:2vh}.modal-close{margin-left:auto}}@media only screen and (orientation:portrait)and (min-width:951px)and (max-width:1210px){html{overflow-y:hidden;overflow-x:hidden}.glitch{top:35%;left:-15%;font-size:10vh;text-align:center}.header{font-size:8vh}svg{display:none}#home-content{position:relative;left:-2.5%;top:25%;align-content:center}.home-header-container{left:2.5%;text-align:center}#home-content .items{display:flex;flex-direction:column;text-align:center;font-size:5vh}#home-content .items .item{width:100%}.link:after{width:3%}#about{top:-5%}#about .header{left:-5%}.about-box{left:5%}.about-content{height:100%;flex-direction:column;align-self:center;justify-content:space-around}.about-img{width:100%;height:20%;margin-bottom:10px;display:flex;flex-direction:row;justify-content:center}.about-img img{width:25%;height:auto;position:relative}.about-info{font-size:2.25vh;width:30%;margin-left:20px;align-self:center}.about-data-item:after{width:2.5%}.about-text{width:96%;height:77%;overflow-y:scroll}.about-text span{display:block;font-size:2rem;margin-bottom:10px}.skills-grid{flex-direction:column;align-items:center}.skills-grid .skills-box{width:80vw;height:13.5vh;margin-bottom:10px}.skills-grid .about-bar{font-size:2vh;height:25%}.skills-grid .about-bar span{padding-left:5px}.skills-content{padding:0;padding:5px 0;text-align:center}.skills-box .skills-content p{display:inline-block;font-size:2.5vh;margin:7px 7px 7px 0}.skills-content p:after{content:", "}.skills-content p:last-of-type{margin-right:0}.skills-content p:last-of-type:after{content:""}#exp{top:0;left:0}#exp .header{left:-2.5%;font-size:8vh}#exp-content{flex-direction:column;align-items:center;width:100%;left:0}#exp-content .about-box{left:0}#exp-content .about-content{width:95%;height:100%;flex-direction:column}#exp-content .about-img{width:100%;height:10%}#exp-content .about-img .about-info{width:80%;display:flex;justify-content:space-between;padding-left:10px}#exp-content .about-img .about-info .about-data-item{font-size:2vh}#exp-content .about-box .about-text{height:90%;width:100%}#exp-content .about-box .about-content .exp-text span{font-size:2vh}#exp-content .other-box{margin-top:10px;max-width:100%;padding:0}.other-box .about-text{display:flex;flex-direction:row;justify-content:space-around;padding:10px;margin-top:-10px;margin-left:-10px}.other-exp-text div{font-size:1.7vh;width:100%}.other-exp-text div:last-of-type{margin-right:0}.other-bar{height:10%}#projects{height:110vh;overflow-y:scroll;overflow-x:hidden}.project-box{height:50vh;width:50vh}.project-box .project-bar i,.project-box .project-bar span{font-size:1.25vh}.project-img{width:100%;height:100%;flex-direction:column;align-items:center}.project-img img{height:75%;width:100%}.project-img .project-languages{height:20%;display:flex;align-items:center;justify-content:space-around}.project-img .project-languages i{font-size:5vh}.project-bar i,.project-bar span{font-size:2vh}.modal{left:2.5%}.modal-img{width:100%;text-align:center}.modal-img img{height:100%;width:70%}.modal-header{font-size:2vh}.modal-content{flex-direction:column;align-self:center;justify-content:center;width:90%;height:100%;padding:10px}.modal-content .about-info p{font-size:2vh;text-align:center}.modal-content .about-info .modal-button{font-size:2vh}.modal-close{margin-left:auto}}@media only screen and (orientation:landscape)and (min-width:500px)and (max-width:599px){.glitch{top:40%;left:-5%;font-size:10vh}.header{font-size:15vh}svg{display:none}#home-content{width:100vw;position:relative;left:-.5%;top:25%;align-items:center}#home-content .items{display:flex;text-align:center;font-size:5vh}#home-content .link:after{width:2.25%}#about,#exp,#projects,#skills{top:0}.about-box .about-bar{height:4%}.about-content{padding:10px}.about-img{width:10%;height:40%}.about-info{font-size:2vh}.about-info .item{margin-bottom:5px}.about-text{opacity:0}.about-text span{font-size:2vh}.skills-grid .project-box{height:27vh}.skills-grid .about-bar{height:2.5%}.skills-grid .project-bar i,.skills-grid .project-bar span{margin-top:-10px;font-size:.75rem}.skills-content{padding-top:0}.skills-content p{font-size:.3rem}#exp-content .about-content{padding:10px}#exp-content .about-bar i,#exp-content .about-bar span{font-size:3vh}#exp-content .other-bar span{font-size:2vh;height:5%}#exp-content .about-img{width:20%}#exp-content .about-box .about-content .about-text span,.other-exp-text div{font-size:1.75vh}.project-content{padding:0}.project-box .project-bar{height:3%}.project-box .project-bar,.project-box .project-bar i{font-size:1.5vh}.project-img{width:100%;height:20vh}.fab,.far{font-size:1rem;margin-right:2.5%}.project-img img{width:100%;height:100%}.modal .project-bar{height:2.5%}.modal-img{text-align:center}.modal-img img{height:100%;width:70%}.about-info p{font-size:2vh}.modal-button{font-size:3vh}.modal-close{margin-left:auto;cursor:pointer}}@media only screen and (orientation:landscape)and (min-width:600px)and (max-width:699px){.glitch{top:40%;left:-5%;font-size:10vh}.header{font-size:15vh}svg{display:none}#home-content{width:100vw;left:-2%;top:25%}#home-content,#home-content .header{position:relative}#home-content .items{display:flex;text-align:center;font-size:5vh}#home-content .items .link:after{width:2.5%}#about,#exp,#projects,#skills{top:0}.about-box .about-bar{height:4%}.about-content{padding:10px}.about-info{font-size:3vh;line-height:1px}.about-text{opacity:0}.about-text span{font-size:2vh;margin-left:15px;margin-bottom:10px}.skills-grid .about-box{height:27vh}.skills-grid .about-bar{height:5%}.skills-content{padding-top:0}.skills-content p{font-size:2vh}#exp-content .about-content{padding:10px}#exp-content .about-bar i,#exp-content .about-bar span{font-size:.5rem}#exp-content .about-img{width:20%}#exp-content .about-box .about-content .about-text span,.other-exp-text{font-size:1.65vh}.exp-text span{margin-bottom:5px}.project-content{padding:0}.project-box .project-bar{height:3%}.project-box .project-bar,.project-box .project-bar i{font-size:1.5vh}.project-box .project-img{width:100%;height:20vh}.fab,.far{font-size:1rem;margin-right:2.5%}.project-img img{width:100%;height:100%}.modal-header{font-size:1rem}.modal-content .about-info p{font-size:2vh;line-height:15px}.modal-button{font-size:3vh}.modal-close{margin-left:auto;cursor:pointer}}@media only screen and (orientation:landscape)and (min-width:700px)and (max-width:799px){.glitch{top:40%;left:-5%}.glitch,.header{font-size:10vh}svg{display:none}#home-content .items{font-size:2.75vh}#home-content .items .link:after{width:2.5%}#about,#exp,#projects{top:5%}.about-box .about-bar{height:4%}.about-info .item{margin-bottom:10px}.about-info .about-data-item{font-size:2vh}.about-text span{font-size:2vh;margin-bottom:10px}#skills .header{font-size:10vh}.skills-box .about-bar{height:10%}.skills-content{padding-top:0}.skills-content p{font-size:2vh}#exp{top:0}#exp-content .about-content{padding:15px}#exp-content .about-bar{height:3%}#exp-content .about-bar i,#exp-content .about-bar span{font-size:1.75vh}#exp-content .about-img{width:30%}#exp-content .other-bar{height:3.5%}#exp-content .other-bar span{font-size:1.25vh}#exp-content .about-box .about-content .about-text span{font-size:1.9vh}.other-exp-text div{font-size:2vh;margin-left:-10px}#projects{top:0}#projects .header{font-size:10vh;left:5%}.project-content{padding:0}.project-box{height:30vh}.project-box .project-img{height:20vh}.fab,.far{font-size:1rem;margin-right:2.5%}.project-box .project-bar{height:6%}.project-box .project-bar i,.project-box .project-bar span{font-size:1.25vh}.project-img{width:100%;height:20vh}.modal .project-bar{height:2%}.modal-button,.modal-content .about-info p{font-size:2vh}.modal-close{margin-left:auto;cursor:pointer}}@media only screen and (orientation:landscape)and (min-width:800px)and (max-width:1184px){.glitch{top:40%;left:-5%;font-size:7vh}.header{font-size:10vh}svg{display:none}#home-content .items{font-size:3.25vh}#home-content .items .link:after{width:2.5%}#about,#exp,#projects{top:5%}#about .header{left:5%}.about-data-item{font-size:2vh}.about-text span{font-size:2.1vh;margin-bottom:10px}.skills-grid .about-bar{height:10%}.skills-content{padding-top:0}.skills-box .skills-content p{font-size:3vh}#exp{top:0}#exp-content .about-bar{height:3%}#exp-content .about-content{padding:15px}#exp-content .about-img{width:30%}#exp-content .about-box .about-content .about-text span{font-size:2vh}.other-bar{height:3%}.other-bar span{font-size:2vh}.other-exp-text div{font-size:2vh;margin-left:-10px}#projects{top:1%}.project-box{height:28vh}.project-box .project-img{height:18vh}.project-box .project-languages{margin-top:10px}.project-content{padding:0}.projects-grid .project-bar i,.projects-grid .project-bar span{font-size:1.5vh}.fab,.far{margin-right:2.5%}.modal-button,.modal-content .about-info p,.project-modal .project-bar-title,.project-modal i{font-size:2vh}.modal-close{margin-left:auto;cursor:pointer}}@media only screen and (orientation:landscape)and (min-width:1185px)and (max-width:1425px){.glitch{top:40%;left:-10%;font-size:10vh}#home-content{position:relative;top:30%}.home-header-container{left:25%}#home-content .header{position:relative;left:5%}#home-content .items{font-size:3.5vh}.link:after{width:2%}#about,#projects{top:5%}.about-data-item{font-size:2vh}.about-text{opacity:0;margin-left:5px}.about-text span{display:block;font-size:2.5vh;margin-bottom:10px}.skills-box .skills-content p{font-size:3vh}.other-box .about-bar-title{font-size:1.5vh}#projects{top:-1.5%}.project-box{height:28vh}.project-box .project-bar i,.project-box .project-bar span{font-size:1.8vh}.project-content{padding:0}.project-bar{font-size:1.75vh}.project-img{width:100%;height:20vh}.fab,.far{font-size:2rem;margin-right:2.5%}.project-modal .project-bar-title,.project-modal i{font-size:2vh}.modal-img{text-align:center}.modal-img img{height:90%;width:70%}}@media only screen and (orientation:landscape)and (min-width:2000px){#home-content{position:relative;top:30%;left:5%}.home-header-container{position:relative;top:50%;left:30%}.header-container{position:relative;top:5%;left:40%}#about,#exp,#projects,#skills,.modal{top:5%}.about-img{width:15%;height:60%}.about-info{font-size:2vh}.about-text span{display:block;font-size:2.5vh;margin-bottom:10px}.other-exp-text div,.skills-content p{font-size:2vh}.project-content{padding:0}.project-img{width:100%;height:85%}.fab,.far{font-size:2rem;margin-right:2.5%}.project-box .project-img{height:22vh}.modal-header{font-size:3.5rem;letter-spacing:-5px}.modal-img{text-align:center}.modal-img img{height:100%;width:70%}.modal-languages div,.tech-list div{font-family:"VCR";font-size:2rem}.modal-languages i{margin-top:20px;font-size:2.5rem}.tech-list{width:100%;font-size:2rem}.tech-list ul{margin-left:-10px;margin-top:10px}.tech-list ul li{font-size:1.5rem}.modal-content .about-header{font-size:3vh}.modal-content .about-info p{font-size:2.5vh}}@media only screen and (orientation:portrait)and (device-width:375px)and (device-height:812px)and (-webkit-device-pixel-ratio:3){html{overflow-y:hidden;overflow-x:hidden}.glitch{top:35%;left:-15%;font-size:10vh;text-align:center}.header{font-size:8vh}svg{display:none}#home-content{position:relative;left:-2.5%;top:25%;align-content:center}.home-header-container{left:2.5%;text-align:center}#home-content .items{display:flex;flex-direction:column;text-align:center;font-size:5vh}#home-content .items .item{width:100%}.link:after{width:3%}#about .header{left:-17%}.about-box{left:5%}.about-content{height:100%;flex-direction:column;align-self:center;justify-content:space-around}.about-img{width:100%;height:20%;margin-bottom:10px;display:flex;flex-direction:row;justify-content:center}.about-img img{width:35%;height:auto;position:relative}.about-info{font-size:2.25vh;width:50%;margin-left:20px;align-self:center}.about-data-item:after{width:2.5%}.about-text{width:96%;height:77%;overflow-y:scroll}.about-text span{display:block;font-size:1rem;margin-bottom:10px}#skills .header{left:-2.5%}.skills-grid{flex-direction:column;align-items:center}.skills-grid .skills-box{width:80vw;margin-bottom:10px}.skills-grid .about-bar{font-size:2vh}.skills-grid .about-bar span{padding-left:5px}.skills-content{padding:0;width:100%;padding:5px 0;text-align:center}.skills-content p{display:inline-block;margin:7px 7px 7px 0}.skills-content p:after{content:", "}.skills-content p:last-of-type{margin-right:0}.skills-content p:last-of-type:after{content:""}#exp{top:0;left:0}#exp .header{left:-15%;font-size:8vh}#exp-content{flex-direction:column;align-items:center;width:100%;left:0}#exp-content .about-box{left:0}#exp-content .about-content{width:95%;height:100%;flex-direction:column}#exp-content .about-img{width:100%;height:10%}#exp-content .about-img .about-info{width:100%;display:flex;justify-content:space-between;margin-left:-5px}#exp-content .about-img .about-info .about-data-item{font-size:1.5vh}#exp-content .about-box .about-text{height:90%;width:100%}#exp-content .about-box .about-content .exp-text span{font-size:1.8vh}#exp-content .other-box{margin-top:10px;max-width:100%;padding:0}.other-box .about-text{display:flex;flex-direction:row;justify-content:space-around;padding:10px;margin-top:-10px;margin-left:-10px}.other-exp-text div{font-size:1.25vh;width:100%}.other-exp-text div:last-of-type{margin-right:0}#projects{overflow-y:scroll;overflow-x:hidden;left:-4%;width:100vw}#projects .header{left:-2.5%}.projects-grid{left:5%;width:90vw}.project-box{height:40vh;width:80vh}.project-box .project-bar i,.project-box .project-bar span{font-size:2vh}.project-img{width:100%;height:100%;flex-direction:column}.project-img img{height:75%;width:100%}.project-img .project-languages{height:20%;width:75vw;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.project-img .project-languages i{font-size:5vh}.project-languages i{font-size:3vh}.modal-content{flex-direction:column;width:90%;height:100%}.modal{left:2.5%}.project-modal .project-bar-title,.project-modal i{font-size:2vh}.modal-content{overflow-y:scroll}.modal-img{display:none}.modal-content .about-info{margin-top:-20px}.modal-content .about-info p{font-size:2.9vh}.modal-buttons{flex-direction:column}.modal-button{width:100%;font-size:3vh}.modal-close{margin-left:auto;cursor:pointer}}@media only screen and (orientation:portrait)and (device-width:414px)and (device-height:896px)and (-webkit-device-pixel-ratio:2){html{overflow-y:hidden;overflow-x:hidden}.glitch{top:35%;left:-15%;font-size:10vh;text-align:center}.header{font-size:8vh}svg{display:none}#home-content{position:relative;left:-2.5%;top:25%;align-content:center}.home-header-container{left:2.5%;text-align:center}#home-content .items{display:flex;flex-direction:column;text-align:center;font-size:5vh}#home-content .items .item{width:100%}.link:after{width:3%}#about .header{left:-15%}.about-box{left:5%}.about-content{height:100%;flex-direction:column;align-self:center;justify-content:space-around}.about-img{width:100%;height:20%;margin-bottom:10px;display:flex;flex-direction:row;justify-content:center}.about-img img{width:35%;height:auto;position:relative}.about-info{font-size:2.25vh;width:50%;margin-left:20px;align-self:center}.about-data-item:after{width:2.5%}.about-text{width:96%;height:77%;overflow-y:scroll}.about-text span{display:block;font-size:1rem;margin-bottom:10px}#skills .header{left:-2.5%}.skills-grid{flex-direction:column;align-items:center}.skills-grid .skills-box{width:80vw;margin-bottom:10px}.skills-grid .about-bar{font-size:2vh}.skills-grid .about-bar span{padding-left:5px}.skills-content{padding:0;width:100%;padding:5px 0;text-align:center}.skills-content p{display:inline-block;margin:7px 7px 7px 0}.skills-content p:after{content:", "}.skills-content p:last-of-type{margin-right:0}.skills-content p:last-of-type:after{content:""}#exp{top:0;left:0}#exp .header{left:-15%;font-size:8vh}#exp-content{flex-direction:column;align-items:center;width:100%;left:0}#exp-content .about-box{left:0}#exp-content .about-content{width:95%;height:100%;flex-direction:column}#exp-content .about-img{width:100%;height:10%}#exp-content .about-img .about-info{width:100%;display:flex;justify-content:space-between;margin-left:-5px}#exp-content .about-img .about-info .about-data-item{font-size:1.5vh}#exp-content .about-box .about-text{height:90%;width:100%}#exp-content .about-box .about-content .exp-text span{font-size:1.8vh}#exp-content .other-box{margin-top:10px;max-width:100%;padding:0}.other-box .about-text{display:flex;flex-direction:row;justify-content:space-around;padding:10px;margin-top:-10px;margin-left:-10px}.other-exp-text div{font-size:1.6vh;width:100%}.other-exp-text div:last-of-type{margin-right:0}#projects{overflow-y:scroll;overflow-x:hidden;left:-4%;width:100vw}#projects .header{left:-5%}.projects-grid{left:5%;width:90vw}.project-box{height:40vh;width:80vh}.project-box .project-bar i,.project-box .project-bar span{font-size:2vh}.project-img{width:100%;height:100%;flex-direction:column}.project-img img{height:75%;width:100%}.project-img .project-languages{height:20%;width:75vw;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.project-img .project-languages i{font-size:5vh}.project-languages i{font-size:3vh}.modal-content{flex-direction:column;width:90%;height:100%}.modal{left:2.5%}.project-modal .project-bar-title,.project-modal i{font-size:2vh}.modal-content{overflow-y:scroll}.modal-img{display:none}.modal-content .about-info{margin-top:-20px}.modal-content .about-info p{font-size:2.9vh}.modal-buttons{flex-direction:column}.modal-button{width:100%;font-size:3vh}.modal-close{margin-left:auto;cursor:pointer}}
/*# sourceMappingURL=main.cedaba63.chunk.css.map */