*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit;font-style:normal}.submit,button{border:none;border-radius:5px}ul{list-style:none}body{font-family:'Montserrat', sans-serif}.main-head{width:95%;margin:0 0 0 auto}nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;flex-direction:row;min-height:10vh;max-width:60%}nav .logo{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;flex-direction:row;flex:1 1 10rem}nav .logo img{max-width:2rem}nav .logo h1{margin:0.7rem}nav ul{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;flex-direction:row;flex:1 1 30rem}nav ul>*{font-size:1.2rem}nav ul>*:hover{opacity:0.7}.active{background:rgba(56,22,99,0.95);color:white;padding:0.5rem 1.2rem;border-radius:1.5rem}@media only screen and (max-width: 660px){nav{max-width:90%}nav .logo{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:row}}#intro-body{overflow:hidden}.intro{width:90%;margin:auto;min-height:90vh;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;flex-direction:row}.intro .intro-text{height:90vh;flex:1 1 25rem}.intro .intro-text h2{font-size:3.5rem;margin-top:3rem;background:linear-gradient(rgba(47,73,167,0.74), rgba(56,22,99,0.83));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.intro .intro-text h3{font-size:2.5em;color:#3c4a4d;margin:0 0 2em 0}.intro .intro-text p{margin:4em 0;background:rgba(255,255,255,0.3);border-radius:15px;padding:1rem 0;max-width:70%;font-size:1.3rem;letter-spacing:0.5px}.intro-social{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;flex-direction:row;max-width:60%}.intro-social svg{fill:white;filter:drop-shadow(1px 1px 1px black);transition:transform 250ms linear}.intro-social svg:hover{fill:rgba(56,22,99,0.95);filter:drop-shadow(0 0 0 rgba(56,22,99,0.95))}.intro-img{flex:1 1 30rem;position:relative;align-self:flex-start}.intro-img svg{width:80vw;position:absolute;top:-10vw;right:-20vw;z-index:-1}@media screen and (max-width: 660px){.intro .intro-text h2{font-size:2.5rem}.intro .intro-text h3{font-size:2rem;margin-bottom:0}.intro .intro-text p{max-width:90%;margin:1.5em 0}.intro .intro-text .intro-social{max-width:90%}.intro .intro-text .intro-social svg{width:3rem}}@media screen and (max-width: 977px){.intro{display:block}.intro .intro-text{height:auto}.intro-img{position:relative}.intro-img svg{width:90vw;position:absolute;top:-240px;right:0;z-index:-1}}.intro-text{position:relative}.intro-text h2{position:relative;left:-50rem;animation:slideIn 3s forwards 4s}@keyframes slideIn{to{left:0}}.type-wrapper{height:8rem;width:26rem;display:flex;align-items:center;justify-content:center}.type-wrapper h3{width:13ch;animation:typing 4s steps(13),blink 0.5s step-end infinite alternate;white-space:nowrap;overflow:hidden;border-right:3px solid grey;font-size:2em;font-family:'B612 Mono', monospace}@keyframes typing{from{width:0}}@keyframes blink{50%{border-color:transparent}}#hair{animation:moveHair 3s ease-in infinite alternate;transform-origin:top}@keyframes moveHair{from{transform:rotateZ(3deg)}to{transform:rotateZ(0deg)}}#projects-body main{margin:3rem auto;width:90vw}#projects-body main h1{margin:1em 0 0.5em 0}.website,.app{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;flex-direction:row}.mockup{margin:1.5rem 0;min-height:250px;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;flex-direction:column}.mockup .mockup-img{width:300px;max-width:100vw}.mockup .mockup-img .responsive{height:100%;width:100%}.app__each{margin:1.5rem 0;min-height:260px;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;flex-direction:column}.app__each .app__link{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;flex-direction:row}.app__each .app__link button{padding:0.5em 1.3em;background:white;border-radius:5px;border:1px solid #646464}.app__each .app__link button:hover{background:#282828;color:white}.app-img{max-width:250px}.app-img img{width:100%;height:100%;cursor:pointer}.certificate{margin:2rem;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;flex-direction:row}.certificate h2{margin:1rem}.certificate-each{margin:2rem;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;flex-direction:row}.certificate-img{max-width:160px;transition:all 0.6s ease-in;cursor:pointer}.certificate-img img{width:100%;height:100%}@media screen and (max-width: 935px){.certificate-each{margin:1rem;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;flex-direction:column}.certificate-img{max-width:200px}}#lightbox{position:fixed;z-index:10;top:0;width:100%;height:100%;display:none}.lightbox__figure{padding:0.8rem;background:#f4f5f5;border:1px solid #dcdcdc;width:-webkit-min-content;width:-moz-min-content;width:min-content}.lightbox__image{display:block;max-width:60vw;max-height:60vh;width:auto;height:auto}.ligthbox__caption{font-size:0.8rem}#lightbox.active{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:row;background:rgba(0,0,0,0.9)}.contact-form{min-height:80vh;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:row}.contact-form form{height:400px;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;flex-direction:column;box-shadow:10px 0px 10px 0px rgba(0,0,0,0.4),20px 0px 10px 0px rgba(0,0,0,0.2);padding:1em}.contact-form input,.contact-form textarea{padding:0.1em;width:100%}.contact-form input:focus,.contact-form textarea:focus{border:2px solid rgba(56,22,99,0.95)}.contact-form textarea{vertical-align:top}.contact-form .submit{background:rgba(56,22,99,0.95);color:white;padding:0.5em;opacity:0.9}.contact-form .submit:focus{opacity:1}@media screen and (max-width: 520px){.contact-form{min-height:70vh}}footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;flex-direction:row;color:white;background-color:rgba(56,22,99,0.95);min-height:10vh;padding:0 0.5rem}footer .social{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;flex-direction:row;width:50vw}footer svg{fill:white;width:2.3rem}footer svg:hover{filter:drop-shadow(1px 1px 1px white);fill:rgba(56,22,99,0.85);transition:all 250ms linear}#body-about main{width:90%;margin:auto;min-height:80vh;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:row}#body-about main p{padding:1rem;width:500px;line-height:1.5rem;border-radius:5px}@media screen and (max-width: 660px){#body-about main{min-height:70vh}#body-about main p{width:90vw}}@media screen and (max-width: 660px){html{font-size:85%}}