@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#001c30;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--dom:#001c30;--comp1:#64ccc5;--comp2:#176b87;--accent:#dafffb;--transition:all 0.3s ease-in-out;--webkit-box-shadow-com:0px 0px 105px 45px rgba(0,61,67,.9);--moz-box-shadow-com:0px 0px 105px 45px rgba(0,61,67,.9);--box-shadow-com:0px 0px 105px 45px rgba(0,61,67,.9);font-size:16px;margin:0;padding:0}ul{list-style-type:none}a{text-decoration:none}h1,h2,h3,h4{line-height:1.25;text-transform:capitalize}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}@media screen and (min-width:800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.75rem}body,h4{font-size:1rem}h1,h2,h3,h4{line-height:1}}.App{color:#64ccc5;color:var(--comp1);display:flex;font-family:Cormorant Garamond,serif;min-height:100vh}.navbar{box-shadow:6px 2px 16px 0 rgba(136,165,191,.48),-6px -2px 16px 0 hsla(0,0%,100%,.8);display:flex;flex-direction:column;margin-right:2rem;padding:.7rem;width:3 rem}.nav-toggle{display:none}.links-container{height:100%!important;margin-left:-1.5rem}.links{display:flex;flex-direction:column;height:90%;justify-content:space-around}.icon,.links{transition:all .3s ease-in-out;transition:var(--transition)}.icon{color:#64ccc5;color:var(--comp1);font-size:1.2rem}.icon:hover{color:#dafffb;color:var(--accent)}.logo{border-radius:10%;height:3rem;object-fit:cover;opacity:80%;width:3rem}@media screen and (max-width:768px){.App{flex-direction:column}.navbar{height:3rem;padding:.2rem;transition:all .3s ease-in-out;transition:var(--transition);width:100%}.navbar.show{height:6rem}.nav-header{align-items:center;display:flex;flex-direction:row;justify-content:space-around;margin-top:0}.nav-header,.nav-toggle{transition:all .3s ease-in-out;transition:var(--transition)}.nav-toggle{background:transparent;background-color:initial;cursor:pointer;display:block;font-size:1.5rem;margin-top:.1rem}.nav-toggle:hover{color:#dafffb;color:var(--accent);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.links-container{height:0;overflow:hidden}.links-container,.links-container.show{transition:all .3s ease-in-out;transition:var(--transition)}.links-container.show{height:4rem;justify-content:space-between;margin:0 0 0 -2rem}.links.show{flex-direction:row;justify-content:space-around}}.home{display:flex;margin:1rem;text-align:center}.home .hero{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin-top:3rem;padding:1rem;text-align:left}.home .hero h1{color:#64ccc5;color:var(--comp1);font-size:4.5rem;font-style:italic;font-weight:800;letter-spacing:3px;margin:0 auto}.home .hero h4{font-size:2.5rem;font-style:italic;font-weight:600;letter-spacing:2px}.home .hero h4,.home .hero p{color:#dafffb;color:var(--accent);margin:0 auto}.home .hero p{font-size:1.2rem;font-weight:500;letter-spacing:1.2px;line-height:2rem;text-transform:capitalize}.home-text{align-items:center;display:flex;flex-direction:column;justify-content:center}.typo{color:#64ccc5;color:var(--comp1);display:inline-block;font-size:1.5rem}.justify-text{text-align:center}.btn-sect{display:flex;gap:5rem;justify-content:center}.btn{background-color:initial;border:2px solid;border-radius:.5rem;color:#64ccc5;color:var(--comp1);cursor:pointer;font-size:1.2rem;font-weight:400;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:.5s;transition:all .3s ease-in-out;transition:var(--transition);z-index:1}.btn:before{background-color:#dafffb;background-color:var(--accent);content:"";height:100%;left:0;position:absolute;top:0;transition:width .5s ease-in-out;width:0;z-index:-1}.btn:hover{color:#001c30;color:var(--dom);font-weight:700}.btn:hover:before{width:100%}.home .links-home{align-items:center;justify-items:center;margin:1rem 0;text-align:center}.home .links-home ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.home .links-home li{margin:0 .5rem}.home .links-home a,.portfolio a{align-items:center;border-radius:50%;display:flex;height:3rem;justify-content:center;overflow:hidden;position:relative;transition:background-color .3s,color .3s;width:3rem}.home .links-home a:hover,.portfolio a{-webkit-animation:wiggle .5s ease-in-out infinite;animation:wiggle .5s ease-in-out infinite}.home .links-home a svg,.portfolio a{height:2rem;width:2rem}.home .links-home a.instagram{background-color:#e4405f;color:#faf4f4}.home .links-home a.instagram:hover{background-color:#faf4f4;color:#e4405f}.linkedin{background-color:#0077b5;color:#faf4f4}.linkedin:hover{background-color:#faf4f4;color:#0077b5}@-webkit-keyframes wiggle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}75%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wiggle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}75%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@media screen and (max-width:768px){.home{margin:0}.home .hero h1{font-size:3.5rem;letter-spacing:2px}.home .hero h4{font-size:2rem}.btn{padding:.5rem 1.5rem}.btn-sect{gap:3rem}}@media screen and (max-width:480px){.btn{font-size:.8rem;margin:.2rem;padding:.2rem 1rem}.btn-sect{gap:.5rem}}.about{color:#64ccc5;color:var(--comp1);flex-direction:column;margin-bottom:2rem;margin-right:2rem}.about,.image-container{align-items:center;display:flex}.image-container{border:2px solid #dafffb;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 20px #dafffb;box-shadow:0 0 20px var(--accent);height:15rem;justify-content:center;margin-bottom:1rem;overflow:hidden;transition:all .3s ease-in-out;width:15rem}.image-container img{height:100%;object-fit:cover;transition:all .3s ease-in-out;transition:var(--transition);width:100%}.image-container :hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.about-data{align-items:center;display:flex;flex-direction:column;justify-content:center;list-style:none}.about-desc{font-size:1.5rem;font-weight:700;letter-spacing:2px;line-height:1.2;margin:.3rem 2rem}.about-lang{gap:2rem;margin:2rem 0}.about-lang,.lang{align-items:center;display:flex;justify-content:center}.lang{background:transparent;border:1px solid #64ccc5;border:1px solid var(--comp1);border-radius:2rem;box-shadow:1px 6px 12px 0 #64ccc5;box-shadow:1px 6px 12px 0 var(--comp1);flex-direction:column;height:10rem;padding:.2rem;transition:all .3s ease-in-out;transition:var(--transition);width:10rem}.lang:hover{background-color:#176b87;background-color:var(--comp2);box-shadow:0 0 10px 5px #dafffb;box-shadow:0 0 10px 5px var(--accent);color:#dafffb;color:var(--accent)}.lang .logo{font-size:3.5rem}.lang p{font-size:1.5rem}.list-icon{margin-right:.2rem}.header{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;margin-bottom:3rem}.header h4{color:#176b87;color:var(--comp2);font-size:1.5rem;font-weight:500;margin-bottom:.2rem}.header h3{color:#64ccc5;color:var(--comp1);font-size:2rem;font-style:italic;font-weight:1000;margin-bottom:2rem}@media screen and (max-width:768px){.about{margin-left:2rem;margin-right:2rem;margin-top:1rem}.about-desc{& li{font-size:1rem;font-style:italic;font-weight:600;letter-spacing:1px;line-height:1rem;margin-bottom:.5rem;margin-left:2rem;margin-right:2rem}}}@media screen and (max-width:480px){.about{justify-content:center;margin:0}.about-lang{flex-direction:column;margin-top:1rem}}.Loading{align-items:center;display:flex;height:100vh;justify-content:center;margin:0 auto}.Loading h3{font-size:2rem;font-weight:1000}@media screen and (max-width:768px){.Loading{height:100vh;margin:0;padding:.3rem}.Loading h3{width:80%}}.skills{display:flex;flex-direction:column;width:100%}.card-section{display:flex;flex-wrap:wrap;gap:4rem;justify-content:space-around}.card{align-items:center;border:2px solid #dafffb;border:2px solid var(--accent);border-radius:2rem;box-shadow:1px 6px 12px 0 #64ccc5;box-shadow:1px 6px 12px 0 var(--comp1);height:30rem;max-width:25rem;position:relative;transition:all .3s ease-in-out;transition:var(--transition);width:100%}.card:hover{background-color:#176b87;background-color:var(--comp2);box-shadow:0 0 10px 5px #dafffb;box-shadow:0 0 10px 5px var(--accent);-webkit-transform:scale(1.05);transform:scale(1.05)}.card:hover h4,.card:hover svg{color:#dafffb}.skills-list{grid-gap:1rem;display:grid;grid-template-columns:repeat(2,1fr);padding:1rem;width:80%}.skills-list .item{align-items:center;color:#176b87;color:var(--comp2);display:flex;flex-direction:row;gap:1rem;justify-content:center}.skills-list .item h4{font-size:1.2rem}.skills-list .item svg{font-size:1.5rem}@media screen and (max-width:768px){.card{height:28rem;width:20rem}.card-section{align-items:center;justify-content:center;margin-top:-.25rem}.card-section,.pair{display:flex;flex-direction:column;gap:3rem}}@media screen and (max-width:480px){.card{height:26rem;width:20rem}}.portfolio{display:flex;flex-direction:column;width:100%}.project-pic{border-radius:2rem;height:100%;object-fit:fill;width:100%}.card-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#64ccc5;color:var(--comp1);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease-in-out;transition:var(--transition);width:100%}.card:hover .card-overlay{opacity:1}.card-overlay h3{background-color:#fff;color:#000;font-size:2rem;font-weight:700;text-transform:capitalize}.portfolio a{font-size:5rem}.github{background-color:#24292e;color:#faf4f4}.github:hover{background-color:#faf4f4;color:#24292e}.contact{align-items:center;display:flex;flex-direction:column;width:100%}.contact-container{display:flex;gap:4rem;justify-content:center;width:70%}.contact-options{align-items:center;display:flex;flex-direction:column;gap:1.8rem;width:20rem}.contact-option{height:14rem;justify-content:center;padding:.7rem;width:14rem}.contact-option h4{font-size:1.5rem;margin-bottom:.2rem}.contact-option h5{font-size:1.2rem}.form{width:90%}.contact .contact-icon{color:#dafffb;color:var(--accent);font-size:1.8rem}.contact-option a{color:#dafffb;color:var(--accent);font-size:1.2rem;text-align:center}.form{align-items:center;display:flex;flex-direction:column;gap:1.2rem}.form .btn{margin:2rem auto;width:10rem}input,textarea{background:transparent;border:2px solid #64ccc5;border:2px solid var(--comp1);border-radius:.5rem;color:#176b87;color:var(--comp2);padding:1.5rem;resize:none;width:100%}@media screen and (max-width:768px){.contact-container{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center}}.error{display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}
/*# sourceMappingURL=main.99b83ad9.css.map*/