a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{vertical-align:baseline;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:100%;outline:0;padding:0;margin:0;border:0;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}:focus{outline:0}body{background:#fff;line-height:1;color:#000}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{font-weight:400;text-align:left}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}.app{height:100vh}.app .sections{width:100%;height:100vh;position:relative}.app .sections>*{width:100%;height:100vh;scroll-snap-align:start}@media(max-width:500px){.app{width:100%;overflow:hidden}}.topNav{background-color:#fff;color:#933;width:100%;height:10em;position:fixed;top:0;z-index:3;box-shadow:0 2px 4px 0 rgba(0,0,0,.8);font-family:"Fredoka One","Arial Black"}.topNav .wrapper{padding-left:2em;padding-right:3em;justify-content:space-between}.topNav .wrapper,.topNav .wrapper .left{display:flex;align-items:center}.topNav .wrapper .left .title{display:block;text-align:center}.topNav .wrapper .left .title h2{font-size:2em;padding-bottom:.5em}.topNav .wrapper .left .title h3{font-size:1em}.topNav .wrapper .left .logo{font-size:2.5em;margin-right:1em}.topNav .wrapper .left .logo img{padding-top:.05em;width:3.9em;height:3.9em}.topNav .wrapper .right .hamburger{width:2em;height:2em;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.topNav .wrapper .right .hamburger span{width:100%;height:.5em;background-color:#933;transform-origin:left;transition:all 1s ease}.topNav.active{background-color:grey;color:#fff}.topNav.active .hamburger span:first-child{background-color:#fff;transform:rotate(45deg);height:.6em}.topNav.active .hamburger span:nth-child(2){opacity:0}.topNav.active .hamburger span:last-child{background-color:#fff;transform:rotate(-45deg);height:.6em}@media(max-width:500px){.topNav{width:100%}.topNav .wrapper{padding-right:2em}.topNav .wrapper h2,.topNav .wrapper h3{padding-right:10%}}.intro{background-color:#399;display:flex}.intro .left{flex:.5 1}.intro .left .imgContainer{width:50%;padding-top:35%;padding-left:25%}.intro .left .imgContainer img{width:100%;border:.5em solid #000;border-radius:30%}.intro .right{flex:.6 1}.intro .right h1{padding-top:30%;padding-bottom:5%;font-family:"Fredoka One","Arial Black";color:#fff;font-size:2.5em}.intro .right p{padding-bottom:2%;margin-right:20%}.intro .right h2,.intro .right p{color:#fff;font-family:"Fredoka One","Arial Black";font-size:1.5em}.intro .right h2{padding-top:5%;padding-bottom:5%}.intro .right .resume{width:8em;height:3em;font-family:"Fredoka One","Arial Black";font-size:1.2em;border-radius:10px;color:#933;border:none}.intro .right .resume:hover{background-color:#933;transition:all .6s;cursor:pointer}.intro .right .resume:hover a{color:#fff}.intro .right .resume a{text-decoration:none;color:#933}.intro .right .resume a:hover{color:#fff}@media(max-width:500px){.intro{display:flex;align-items:center;justify-content:center}.intro .left{flex:0 1}.intro .left .imgContainer{width:50%;margin-top:-17em;margin-left:900%}.intro .left .imgContainer img{width:2000%}.intro .right{flex:2 1;margin-top:60%;padding-right:10%}.intro .right h1{padding-top:20%;margin-right:20%;font-size:2em}.intro .right p{margin-right:0;font-size:1em}.intro .right h2{font-size:1em}}.codePortfolio{background-color:#963;display:flex;flex-direction:column;align-items:center}.codePortfolio h1{font-size:2.5em;font-family:"Fredoka One","Arial Black";color:#fff;padding-top:12%;padding-bottom:2%}.codePortfolio ul{margin:1em;padding:0;list-style:none;display:flex}.codePortfolio ul li{font-size:1.5em;font-family:"Fredoka One","Arial Black";color:#fff;margin-right:1em;padding:.7em;border-radius:1em}.codePortfolio ul li.active{background-color:#399;color:#fff}.codePortfolio .container{width:80%;display:flex;align-items:center;justify-content:center}.codePortfolio .container img{margin-top:20%;width:80%;border-radius:2em;border:.5em solid transparent}.codePortfolio .container img:hover{border:.5em solid grey;transition:all .6s;cursor:pointer}.codePortfolio .container h3{font-family:"Fredoka One","Arial Black";color:#fff;display:flex;justify-content:center;align-items:center;margin-right:15%;margin-top:5%;padding-bottom:32%}.codePortfolio .git{width:8em;height:3em;font-family:"Fredoka One","Arial Black";font-size:1.2em;border-radius:10px;color:#399;border:none}.codePortfolio .git:hover{color:#fff;background-color:#399;transition:all .6s;cursor:pointer}@media(max-width:500px){.codePortfolio{padding-top:25%}.codePortfolio h1{font-size:2em}.codePortfolio ul{align-items:center;margin-left:10%}.codePortfolio ul li{font-size:.6em;margin-right:2em;padding:1em}.codePortfolio .container{width:30%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-right:4%}.codePortfolio .container img{margin-top:5%;width:100%}.codePortfolio .container h3{margin-right:-8%;margin-top:0;padding-bottom:5%;font-size:.6em}.codePortfolio .git{margin-top:5%;margin-right:1%}}.artPortfolio{background-color:#399;display:flex}.artPortfolio .left{flex:.5 1}.artPortfolio .left .imgContainer{width:100%;padding-top:35%;padding-left:10%}.artPortfolio .left .imgContainer img{width:45%;margin-left:2%}.artPortfolio .left .imgContainer .fetch:hover{cursor:pointer}.artPortfolio .right{flex:.5 1}.artPortfolio .right .textContainer{padding-left:10%;padding-top:10%}.artPortfolio .right .textContainer h1{padding-top:30%;padding-bottom:5%;font-family:"Fredoka One","Arial Black";color:#fff;font-size:2.5em}.artPortfolio .right .textContainer p{padding-bottom:2%;margin-right:20%;color:#fff;font-family:"Fredoka One","Arial Black";font-size:1.5em}.artPortfolio .right .textContainer span{color:#963}.artPortfolio .right .textContainer span:hover{cursor:pointer}@media(max-width:500px){.artPortfolio .left{flex:1 1}.artPortfolio .left .imgContainer{width:100%;padding-top:210%;padding-left:10%}.artPortfolio .left .imgContainer img{width:100%;margin-left:1%;padding-bottom:10%}.artPortfolio .right{flex:2 1}.artPortfolio .right .textContainer{padding-left:10%;padding-top:50%}.artPortfolio .right .textContainer h1{padding-top:25%;padding-bottom:10%;font-size:2em}.artPortfolio .right .textContainer p{padding-bottom:2%;margin-right:10%;font-size:1.2em}}.contact{background-color:#963;display:flex}.contact .left{flex:1 1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-top:15%;margin-left:10%}.contact .left h1{font-size:3em}.contact .left h1,.contact .left h3{font-family:"Fredoka One","Arial Black";color:#fff;margin-bottom:5%}.contact .left h3{font-size:1em}.contact .left h3 a{text-decoration:none}.contact .left img{width:30%}.contact .left h4{margin-top:35%;font-family:"Fredoka One","Arial Black"}.contact .right{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:10%;margin-right:10%}.contact .right h2{font-size:3em;font-family:"Fredoka One","Arial Black";color:#fff}.contact .right form{width:70%;height:70%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.contact .right form input{width:70%;height:5%;font-size:1em}.contact .right form textarea{width:70%;height:40%;font-size:1.2em}.contact .right form button{width:8em;height:3em;font-family:"Fredoka One","Arial Black";font-size:1.2em;border-radius:10px;color:#399;border:none}.contact .right form button:hover{color:#fff;background-color:#399;transition:all .6s;cursor:pointer}.contact .right form span{color:#fff;font-family:"Fredoka One","Arial Black"}@media(max-width:500px){.contact .left{margin-top:51%;margin-left:3%;margin-right:5%;padding-right:5%}.contact .left h1{font-size:2em;margin-bottom:10%}.contact .left h3{font-size:.8em;margin-bottom:10%}.contact .left img{width:50%}.contact .left h4{margin-top:135%}.contact .right{margin-top:30%;margin-right:20%}.contact .right h2{font-size:2em}.contact .right form{width:200%}}.dropMenu{width:16em;height:100vh;background-color:grey;position:fixed;top:0;right:-16em;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all 1s ease;box-shadow:0 2px 4px 0 rgba(0,0,0,.8);font-family:"Fredoka One","Arial Black"}.dropMenu.active{right:0}.dropMenu ul{margin:0;padding:0;list-style:none;font-size:2em;font-weight:300;color:#fff;width:60%}.dropMenu ul li{margin-bottom:.8em}.dropMenu ul li a{font-size:inherit;color:inherit;text-decoration:none}.dropMenu ul li:hover{font-weight:600}@media(max-width:500px){.dropMenu{width:50%}}
/*# sourceMappingURL=main.c903566a.chunk.css.map */