#app{font-family:Avenir Next,Raleway,PT Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#777;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content}*{box-sizing:border-box}body,html{width:100%;height:100%;padding:0;margin:0}a,h1,h2,p{color:#777;line-height:1.5em}a:hover{color:#2ecc71}select{margin-right:10px}.main{position:relative}.hidden{display:none}.section-subtitle{font-size:40px}.project-subtitle,.section-subtitle{font-family:Lato,sans-serif;font-weight:900}.project-subtitle{font-size:36px}.title{font-weight:600;font-size:72px}.subtitle,.title{font-family:Lato,sans-serif}.subtitle{font-weight:900;font-size:36px}.header-navbar{height:50px;width:100%}#topbar{margin-right:5px}.header-navbar .btn{background-color:#2ecc71;height:80%;align-self:center}.mobileBio{display:none;float:left;margin-left:1em;justify-content:space-evenly;align-items:center;font-size:20px}.socials{width:320px;height:100%;display:flex;float:right;margin-right:50px;align-items:center}.socials p{padding:0;margin:0;background-color:transparent}.logo img,.socials img{height:42px}.gitlab,.linkedin{display:flex;align-items:center}.splash{position:relative;width:100%;height:100%;margin-bottom:15em}.selfie{position:absolute;top:10px;left:10px;width:200px;height:200px}.mobile-selfie,.selfie{border-radius:150px;border:3px outset #2ecc71;-o-object-fit:cover;object-fit:cover}.mobile-selfie{width:100px;height:100px;margin-top:1em}.bio{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center}.biotext{font-size:24px}.text{font-size:25px;padding-top:1em}.icon-scroll{margin:5em auto;width:1em;height:3.125em;transform:translateX(-50%) scale(2);z-index:99999}.icon-arrows:after,.icon-arrows:before{content:""}.icon-arrows:after,.icon-arrows:before,.icon-arrows span{display:block;width:.315em;height:.315em;border-right:1px solid #2ecc71;border-bottom:1px solid #2ecc71;margin:0 0 .125em .315em;transform:rotate(45deg);-webkit-animation:mouse-scroll 1s infinite;animation:mouse-scroll 1s infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.icon-arrows:before{margin-top:.315em;-webkit-animation-delay:.1s;animation-delay:.1s}.icon-scroll span{-webkit-animation-delay:.2s;animation-delay:.2s}.icon-arrows:after{-webkit-animation-delay:.3s;animation-delay:.3s}.icon-scroll .mouse{height:1.375em;width:.875em;border:1px solid #2ecc71;border-radius:2em}.icon-scroll .wheel{position:relative;display:block;height:.1875em;width:.1875em;margin:.1875em auto 0;background:#2ecc71;-webkit-animation:mouse-wheel 1.2s ease infinite;animation:mouse-wheel 1.2s ease infinite;border-radius:50%}@-webkit-keyframes mouse-wheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(.375em)}}@keyframes mouse-wheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(.375em)}}@-webkit-keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.typeBtns{display:flex;width:50%;margin:auto;padding:1em;justify-content:space-around;align-items:center;border:2px dashed #2ecc71;border-radius:15px}.frontendIcon{opacity:.4;width:50px;height:50px}.frontendIcon:hover,.selected{opacity:1;transform:scale(1.4)}.projects{width:100%;justify-content:center;align-items:center}.image{width:60%;border-radius:20px}.row-mar-top{display:grid;grid-template-columns:1fr 1fr;margin-top:1em}.project-padding{padding:1em;border-bottom:1px solid #ccc}.links{display:flex;justify-content:space-evenly;margin-top:10px}.btn a{color:#fff}.footer{background-color:#777;display:flex;justify-content:center}.footer p{margin:auto;color:#fff}@media only screen and (max-width:1300px){.selfie{width:150px;height:150px}}@media only screen and (max-width:768px){.title{font-size:36px}.subtitle{font-size:30px}.biotext{font-size:20px}.row-mar-top{display:flex;flex-direction:column;margin-top:1em}.selfie{width:100px;height:auto}.typeBtns{flex-direction:column}.frontendIcon{margin-bottom:10px}}@media only screen and (max-width:550px){.header-navbar{display:flex;justify-content:space-between}.socials{margin-right:35px;margin-left:10px}.mobileBio{display:flex;flex-direction:row}}@media only screen and (max-width:425px){.title{font-size:36px}.contact-subtitle,.project-subtitle,.subtitle{font-size:30px}.gitlab img,.linkedin img{width:25px;height:25px}.text{font-size:15px}.selfie{width:80%;height:80%}.socials{width:250px;float:right;justify-content:space-evenly}.socials p{font-size:12px}}@media only screen and (max-width:320px){.contact-subtitle,.project-subtitle,.subtitle{font-size:25px}.text{font-size:20px}}.scrollBtn{display:block;position:fixed;height:40px;width:40px;bottom:25px;right:10px;z-index:99;border:none;outline:none;background-color:#2ecc71;color:#fff;cursor:pointer;border-radius:10px}.scrollBtn:hover{background-color:#2e7771;-webkit-animation:h .8s infinite;animation:h .8s infinite}:root{--animate-duration:0.2s}