*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width:75em){html{font-size:56.25%}}@media only screen and (max-width:56.25em){html{font-size:50%}}@media only screen and (max-width:37.5em){html{font-size:37.5%}}@media only screen and (min-width:112.5em){html{font-size:75%}}body{font-weight:300}.navbar{width:100vw;background-color:#fff;position:fixed;border-bottom:.1rem solid #ccc}.navbar .first{display:flex;justify-content:flex-end}.navbar .first li{list-style-type:none;margin:0 1vw;font-size:1.5rem;font-family:Apercu,sans-serif;color:#666;padding:1.3rem .5rem}.navbar .first li a{text-decoration:none;color:#000}.navbar .first li a:hover{text-decoration:underline}.home{background-color:#fff;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Roboto,sans-serif}.home--name,.home--title{color:#87cefa}.home--soccer{color:#f08080}.home--main div{text-align:center;margin-top:15rem}.home--main div .next{-webkit-animation-name:next;animation-name:next;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;color:#444;text-decoration:none;font-size:3rem;padding:1rem 3rem;display:inline-block}.home--primary{font-weight:700;font-size:3.2rem;color:#444;-webkit-animation-name:moveInLeft;animation-name:moveInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.home--secondary{display:block;color:#ccc;font-size:2rem;font-weight:300;padding:.5rem 0 1rem;line-height:1.3;-webkit-animation-name:moveInRight;animation-name:moveInRight;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.about{background-color:#c7e0e9;font-family:Roboto,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10vh 20vw}.about--title{font-size:3.2rem;font-weight:700;margin-bottom:3rem}.about--avatar{margin-bottom:5rem}.about--avatar img{border-radius:50%;width:10vw;-webkit-transform:translate3d(0,3rem,0);transform:translate3d(0,3rem,0);opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.about--avatar img.active{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.about--skills{text-align:center;margin-top:5rem}.about--skills>*{width:10rem;padding:1rem}@media only screen and (max-width:1000px){.about--skills>*{width:5rem}}.about--intro--key span{font-weight:700;color:#bb5454}.about--intro div{padding:1rem;font-size:1.8rem}.about--intro div h3,.about--intro div h4{color:#868585;padding:.5rem 0}.about--intro div span{font-weight:300}.projects{background-color:#f5f5f5;font-family:Roboto,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center}.projects--title{height:15vh;width:80vw;text-align:center;padding-top:7.5vh;font-size:3.2rem;font-weight:700}.projects--p1,.projects--p2,.projects--p3,.projects--p4{display:flex;justify-content:space-between;align-items:center;padding:3rem 2rem 4rem 4rem;border:.1rem solid #000;border-radius:2rem;width:60vw;margin-bottom:3vh;color:#444}@media only screen and (max-width:1250px){.projects--p1,.projects--p2,.projects--p3,.projects--p4{flex-direction:column;width:70vw}}.projects--p1--content,.projects--p2--content,.projects--p3--content,.projects--p4--content{padding-right:2rem}.projects--p1--content ul,.projects--p2--content ul,.projects--p3--content ul,.projects--p4--content ul{font-size:1.8rem;font-weight:200}.projects--p1--content ul li,.projects--p2--content ul li,.projects--p3--content ul li,.projects--p4--content ul li{padding-top:1rem}.projects--p1--content div,.projects--p2--content div,.projects--p3--content div,.projects--p4--content div{padding-top:3rem;font-size:1.5rem}.projects--p1--content div a,.projects--p2--content div a,.projects--p3--content div a,.projects--p4--content div a{margin-right:2rem;text-decoration:none;border:.2rem solid #ccc;border-radius:10px;padding:.5rem}.projects--p1--content div a:hover,.projects--p2--content div a:hover,.projects--p3--content div a:hover,.projects--p4--content div a:hover{background-color:#a4a4a5}@media only screen and (max-width:600px){.projects--p1--content div a,.projects--p2--content div a,.projects--p3--content div a,.projects--p4--content div a{display:inline-block;margin-bottom:.5rem}}@media only screen and (max-width:1250px){.projects--p1--content,.projects--p2--content,.projects--p3--content,.projects--p4--content{margin-bottom:3rem}}.projects--p1--img,.projects--p2--img,.projects--p3--img,.projects--p4--img{width:25vw}@media only screen and (max-width:1250px){.projects--p1--img,.projects--p2--img,.projects--p3--img,.projects--p4--img{width:60vw}}.projects--p2,.projects--p3,.projects--p4{background-color:#fff}.projects--p2 a,.projects--p3 a,.projects--p4 a{color:#444}.projects--p1{background-color:#1e3229;color:#fff}.projects--p1 a{color:#fff}.contact{background-color:#f08080;font-family:Roboto,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact--title{font-size:3.2rem;font-weight:700;padding:5vh 0 3vh}.contact--find{font-size:2rem;display:flex;text-align:center;padding:5vh 0}.contact--find--email,.contact--find--github,.contact--find--linkedin{padding:0 2vh}.contact--find--email img,.contact--find--github img,.contact--find--linkedin img{width:7rem}.contact--footer{border-top:.1rem solid #000;padding:2rem 0 5rem;display:inline-block}.contact--footer p{font-size:1.5rem}@-webkit-keyframes next{0%{color:#000;-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}50%{-webkit-transform:translateY(0);transform:translateY(0)}to{color:#fcd9d9;-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}}@keyframes next{0%{color:#000;-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}50%{-webkit-transform:translateY(0);transform:translateY(0)}to{color:#fcd9d9;-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}}@-webkit-keyframes moveInLeft{0%{opacity:0;-webkit-transform:translateX(-10rem);transform:translateX(-10rem)}80%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveInLeft{0%{opacity:0;-webkit-transform:translateX(-10rem);transform:translateX(-10rem)}80%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(20rem);transform:translateX(20rem)}80%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(20rem);transform:translateX(20rem)}80%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
/*# sourceMappingURL=main.38c32405.chunk.css.map */