@import url(https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:700);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Press+Start+2P&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kavoon&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;display:flex;flex-direction:column}body{background-color:#f4f6f7}*{font-family:Inter,sans-serif}body{height:100vh}.main-content{align-items:center;display:flex;flex-direction:column;gap:6rem;justify-content:center;width:100%}@media (max-width:800px){.main-content{gap:2rem}}.about{align-items:center;-webkit-animation:slidein-about 1s 1.2s forwards;animation:slidein-about 1s 1.2s forwards;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:1rem;opacity:0;position:relative;width:100%}@-webkit-keyframes slidein-about{0%{-webkit-transform:translate(1000px);transform:translate(1000px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes slidein-about{0%{-webkit-transform:translate(1000px);transform:translate(1000px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.container p{color:#000;text-shadow:0 0 7px hsla(0,0%,100%,.3),0 0 3px hsla(0,0%,100%,.3)}.container{align-items:center;color:#e5e5e5;display:flex;font-size:2.26rem;justify-content:center}.animation{height:50px;margin-left:1rem;overflow:hidden}.animation>div>div{display:inline-block;height:2.81rem;margin-bottom:2.81rem;padding:.25rem}.animation div:first-child{-webkit-animation:text-animation 12s 2s infinite;animation:text-animation 12s 2s infinite}.first div{background-color:#006400}.second div{background-color:#008b8b}.third div{background-color:#8b008b}@-webkit-keyframes text-animation{0%{margin-top:0}10%{margin-top:0}20%{margin-top:-5.62rem}30%{margin-top:-5.62rem}40%{margin-top:-11.24rem}60%{margin-top:-11.24rem}70%{margin-top:-5.62rem}80%{margin-top:-5.62rem}90%{margin-top:0}to{margin-top:0}}@keyframes text-animation{0%{margin-top:0}10%{margin-top:0}20%{margin-top:-5.62rem}30%{margin-top:-5.62rem}40%{margin-top:-11.24rem}60%{margin-top:-11.24rem}70%{margin-top:-5.62rem}80%{margin-top:-5.62rem}90%{margin-top:0}to{margin-top:0}}.emoji{-webkit-animation:wave .5s infinite alternate;animation:wave .5s infinite alternate;display:inline-block}@-webkit-keyframes wave{0%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}@keyframes wave{0%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}.about>.info{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}.about>.info p{font-family:Kavoon,cursive;font-size:22px;max-width:500px;text-align:center}.about>.info img{--s:25px;--b:6px;--w:250px;--c:#000;--_i:calc(100% - var(--s)*2);cursor:pointer;outline:var(--b) solid var(--c);outline-offset:calc(var(--s)/-2);padding:calc(var(--s)*.5);width:var(--w)}@media (max-width:800px){.about-container{display:flex;flex-direction:column}.about-container p{font-size:20px;max-width:100%}.about-container img{width:70%}.animation>div>div,.container>p{font-size:20px}.about>.info p{font-size:15px;max-width:500px;padding:1rem;text-align:center}.about>.info img{align-self:center;margin-top:20px;width:150px}.about>.info{flex-direction:column;gap:.3rem}.animation>div>div{margin-bottom:1.2rem}}.project-container{grid-template-columns:1fr 1fr 1fr}.project-card,.project-container{border:1px solid #000;display:grid}.project-card{align-items:center;grid-auto-flow:column;grid-template-columns:auto auto auto;height:12rem;justify-items:center;position:relative;width:20rem}.project-card a,.project-card img{height:100%;width:100%}.project-title{color:#000;font-family:Poppins,sans-serif;font-size:25px;letter-spacing:2px;position:absolute;text-align:center;top:0;-webkit-user-select:none;user-select:none;z-index:9}.projects{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}@media (max-width:800px){.project-card{width:auto}.projects h1{font-size:20px}.projects{align-items:center;margin:2rem}.project-container{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.project-title{font-size:14px}.project-card:hover{-webkit-transform:none;transform:none}}.skills-container{align-items:center;background-color:#dcdcdc;box-shadow:0 2px 2px #00000026;display:flex;flex-direction:column;gap:1rem;justify-content:space-evenly;margin-top:3rem;padding-bottom:3rem;width:100%}.skills-container h1{align-self:flex-start;padding-left:20px}.img1{-webkit-animation:icon 1s .5s infinite alternate;animation:icon 1s .5s infinite alternate}.img1,.img2{height:100px;width:100px}.img2{-webkit-animation:icon 1s 1s infinite alternate;animation:icon 1s 1s infinite alternate}.img3{-webkit-animation:icon 1s 1.5s infinite alternate;animation:icon 1s 1.5s infinite alternate}.img3,.img4{height:100px;width:100px}.img4{-webkit-animation:icon 1s 2s infinite alternate;animation:icon 1s 2s infinite alternate}.img5{-webkit-animation:icon 1s 2.5s infinite alternate;animation:icon 1s 2.5s infinite alternate;height:200px;width:200px}@-webkit-keyframes icon{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes icon{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform:rotate(5deg);transform:rotate(5deg)}}.skills-icons{align-items:center;display:flex;justify-content:space-evenly;width:100%}@media (max-width:800px){.skills-icons img{width:50px}}body{margin:0;padding:0}.header-container{align-items:center;background-color:#17202a;box-shadow:0 2px 2px #00000026;display:flex;justify-content:space-evenly;width:100%}.h1-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1.8rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.header-h1{-webkit-animation:typing 1.5s steps(100),blink-caret .75s step-end infinite;animation:typing 1.5s steps(100),blink-caret .75s step-end infinite;border-right:.15em solid #000;color:#fff;font-family:Press Start\ 2P,cursive;font-size:25px;margin:0 auto;overflow:hidden;white-space:nowrap}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}.header-links{display:flex;gap:2rem;justify-content:space-between}.header-links h1{color:#f0f8ff;cursor:pointer;font-size:1.5rem}.header-links h1:hover{color:#faebd7}@media (max-width:800px){.header-h1{font-size:13px}.header-links{display:none}}.contact-container{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;margin-top:5rem;width:100%}.reveal{opacity:0;position:relative;transition:all 3s ease}.reveal.active{-webkit-animation:slidein-project 1s forwards;animation:slidein-project 1s forwards}@-webkit-keyframes slidein-project{0%{-webkit-transform:translate(-1000px);transform:translate(-1000px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes slidein-project{0%{-webkit-transform:translate(-1000px);transform:translate(-1000px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.hide{-webkit-animation:slideout 1s forwards;animation:slideout 1s forwards}@-webkit-keyframes slideout{0%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(-1000px);transform:translate(-1000px)}}@keyframes slideout{0%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(-1000px);transform:translate(-1000px)}}.contact-container h1{align-self:flex-start}.contact-container form{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem;width:100%}.contact-container form>input{background-color:hsla(0,3%,87%,.336);border:1px solid #000;border-radius:5rem;height:2rem;outline:none;padding:.3rem;width:20rem}.contact-container button{background-color:#5f9ea0;border:none;border-radius:5rem;font-size:20px;padding:.7rem;width:20rem}.contact-container button:hover{background-color:#adff2f;cursor:pointer}.contact-container form>textarea{background-color:hsla(0,3%,87%,.336);border:1px solid #000;border-radius:.3rem;height:4rem;outline:none;padding:.3rem;width:20rem}@media (max-width:800px){.contact-container{align-items:center;padding-bottom:1rem}.contact-container h1{align-self:center}.contact-container form{align-items:center;padding:0}}.footer-container{align-items:center;display:flex;gap:1rem;justify-content:space-between}.footer-container a img{width:20px}
/*# sourceMappingURL=main.f0dd7877.css.map*/