*,html{margin:0;padding:0}:root{--bg: #121111;--hot-pink: #FF00B2;--white: #FFFFFF;--dar-gray:#4A4848;--light-gray:#CCCCCC;--lighter-gray:#FEFAE0;--yellow:rgb(230, 230, 62)}body{margin:0;padding:0;position:relative;font-family:Inter,sans-serif;font-weight:100;font-size:10px;background-color:var(--bg)}.app-container{position:relative;width:100%;overflow:hidden}.menu{display:flex;justify-content:space-between;align-items:center;color:#fff}.menu-btns>*{cursor:pointer}.menu-btns{display:flex;align-items:center;justify-content:space-between;width:160px;height:20px}.menu-btns>*{padding:5px;border-radius:0%;font-size:.6rem;border:none;text-decoration:none}@media (min-width: 768px){.menu-btns{width:260px}.menu-btns>*{cursor:pointer;font-size:.7rem}}@media (min-width: 1041px){.menu-btns{width:290px}.menu-btns>*{font-size:.8rem}}.button{color:var(--lighter-gray)}@keyframes rotateleft{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateright{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.profile-wrapper{position:relative;width:100px;height:100px}.circle,.profile-img{position:absolute;border-radius:50%}.circle-1{top:3px;left:3px;height:66px;width:66px;border:2px solid var(--bg);border-top:2px solid #4cc9f0;animation:rotateleft 3s linear infinite}.circle-2{top:-7px;left:-5px;height:82px;width:82px;border:2px solid var(--bg);border-top:2px solid var(--yellow);border-bottom:2px solid #f72585;animation:rotateright 4s linear infinite}.profile-img{top:7px;left:7px;height:60px;width:60px;border:1px solid var(--lighter-gray);background-image:url(/assets/woman-SnOEzCvU.png);background-repeat:no-repeat;background-size:cover;border-radius:50%}.footer-container{display:flex;justify-content:space-between;width:100%}.avaibility,.location,.contributions-container{text-align:center;display:flex;flex-direction:column;align-items:center}.avaibility>p,.location>p,.contributions-container>p{padding-bottom:10px;font-size:.6rem;color:var(--lighter-gray)}.avaibility{display:flex;justify-content:space-between;width:40px;height:auto}.item-footer{position:relative;color:var(--lighter-gray)}.item-footer>img{height:inherit;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:inherit;border-radius:50%}@media (min-width: 768px){.avaibility>p,.location>p,.contributions-container>p,.item-footer>*{font-size:.7rem}}@media (min-width: 1041px){.avaibility>p,.location>p,.contributions-container>p,.item-footer>*{font-size:.8rem}}.availability-button{display:flex;align-items:center;gap:8px;padding:5px 10px;background-color:#1e1e1e;color:#fff;border:none;font-weight:100;cursor:pointer;font-size:.6rem;box-shadow:0 0 5px #45ddf14d;transition:background .3s}.status-dot{width:12px;height:12px;background-color:#03e9f4;border-radius:50%;box-shadow:0 0 8px 2px #03e9f4}@keyframes pulse{0%{box-shadow:0 0 8px 2px #03e9f4}50%{box-shadow:0 0 16px 4px #0f0}to{box-shadow:0 0 8px 2px #0f0}}@font-face{font-family:Inter Tight;src:url(./assets/fonts/Inter/Inter/Inter-Italic-VariableFont_opsz,wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@keyframes spin{0%{--rotate: 0deg}to{--rotate: 360deg}}@keyframes glowMove{0%{left:-100%}to{left:150%}}.container{position:absolute;display:flex;flex-direction:column;justify-content:space-around;width:70%;padding:0 15%;height:100vh}.title{position:"relative";width:fit-content;z-index:12}.title>h1,h2,button{color:var(--lighter-gray);margin:10px 0}.title>*>button{position:relative;overflow:hidden;background-color:transparent;border:none;color:#ff00b2;padding:5px 10px;font-size:.8rem;cursor:pointer;color:var(--hot-pink);display:inline-flex;align-items:center;justify-content:center}.title>button .glow{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(120deg,#ff00b200,#ff00b2b3,#bbeb0e00);transform:skew(-20deg);pointer-events:none;z-index:1;animation:glowMove 2s infinite}.title>button .text{position:relative;z-index:2}h1{font-size:4rem;font-family:Inter Tight,sans-serif;font-weight:400;width:20%}h2{font-size:.8rem;font-family:Inter Tight,sans-serif;font-weight:100}@property --rotate{syntax: "<angle>"; initial-value: 132deg; inherits: false;}.title-container>div{background-image:linear-gradient(var(--rotate),#f1ead1,#03e9f4);background-clip:text;-webkit-background-clip:text;color:transparent;animation:spin 5s linear infinite;text-shadow:4px 4px rgba(29,26,26,.333)}.bg-container{height:100vh;width:100%}@media (min-width: 768px){h1{font-size:4.3rem}h2{font-size:.8rem}.title>button{padding:5px 15px;font-size:.7rem}}@media (min-width: 1041px){h1{font-size:5rem;width:inherit}h2{font-size:1rem}.title>button{padding:5px 15px;font-size:.9rem}}.cross-button{position:fixed;top:10px;right:10px;width:24px;height:24px;cursor:pointer;z-index:10}.cross-button div{position:absolute;width:100%;height:3px;background-color:#e4b8b8;top:50%;left:0;transform-origin:center;transition:background-color .2s ease}.cross-button .line1{transform:rotate(45deg)}.cross-button .line2{transform:rotate(-45deg)}.cross-button:hover div{background-color:var(--yellow)}.container-whoami{display:grid;width:80%;height:inherit;padding:0 10%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;background-color:var(--bg)}.yellow{position:absolute;height:100%;width:5px;background-color:var(--yellow)}.item-whoami{font-family:Inter Tight,sans-serif;font-weight:400;font-size:.9rem;line-height:24px;padding:20px 0;opacity:0;animation:slideUp .5s ease-out forwards;animation-delay:.5s}.item-whoami>*{display:flex;flex-wrap:wrap;width:100%;margin:0;color:var(--lighter-gray)}.item-whoami>h2{font-size:1.7rem;padding-bottom:20px;color:var(--yellow)}.item-whoami>*>h3{width:100%;height:fit-content;font-size:1.5rem;font-weight:100;color:#383838;background-color:var(--yellow)}.item-whoami-2{display:flex;flex-direction:column}.item-whoami-2>*{width:50%}.item-whoami-2>*>*{padding:0 2%;width:96%}.item-whoami-3{height:fit-content;width:fit-content}#map{width:250px;height:250px}@media (min-width: 768px){.container-whoami{grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:5px}.item-whoami{font-size:1rem;line-height:28px;padding:50px 0}.item-whoami-2{flex-direction:row;flex-wrap:wrap}.item-whoami>h2{font-size:1.8rem}.item-whoami>*>h3{font-size:1.5rem;text-align:center}}@media (min-width: 1041px){.item-whoami{font-size:1.2rem;line-height:30px}.item-whoami>h2{font-size:1.9rem}.item-whoami>*>h3{font-size:1.8rem}}.contact-container{position:relative;height:100vh;width:100%;background-color:var(--bg);overflow-y:hidden}.blue{position:absolute;height:100%;width:5px;background-color:#03e9f4}.form-container{position:relative}.contact-form{width:80%;margin:0 auto;padding-top:5rem;opacity:0;animation:slideUp .5s ease-out forwards;animation-delay:.5s}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px;font-weight:700;color:var(--lighter-gray)}input,textarea{width:100%;padding:8px;border:1px solid #fff;border-radius:4px;background-color:transparent;color:var(--lighter-gray)}textarea{resize:vertical}.error{border-color:#f44}.error-message{color:#f44;font-size:12px;margin-top:5px;display:block}.submit-btn{background-color:#03e9f4;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer}.submit-btn:hover{background-color:var(--yellow)}@keyframes growWidth{0%{width:0}to{width:100%}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollY{0%{transform:translateY(0)}10%{transform:translateY(-10%)}to{transform:translateY(0)}}.cross-btn{animation:showNow 6s ease forwards}.portfolio-container{position:relative;background-color:var(--bg);height:inherit;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.portfolio-pink{position:absolute;height:100%;width:5px;z-index:15;background-color:#ff00b2}.portfolio-card{width:80%;padding:20px 10%}.showcase-img,.codepen-img{display:flex;height:200px}.showcase-img>*,.codepen-img>*{height:inherit;width:100%}.codepen-img>*>img{width:80%}.showcase-img :nth-child(2),.codepen-img :nth-child(2){width:30%;overflow-y:scroll;background-color:var(--lighter-gray);scrollbar-width:none;-ms-overflow-style:none}.showcase-img :nth-child(2)>img,.codepen-img :nth-child(2)>img{width:100%}.portfolio-card>*,.portfolio-card p{color:#fff;padding:10px 0;line-height:24px;font-size:.9rem;font-family:Inter Tight,sans-serif;font-weight:400}.portfolio-card>h3{font-size:1.5rem;font-weight:100}#live,#github{color:#4cc9f0;text-decoration:none;padding:15px 0;cursor:pointer}.item-portfolio{opacity:0;display:flex;flex-direction:column;animation:slideUp 1s ease forwards;animation-delay:.5s}.item-portfolio>h2{text-align:center;font-size:1.7rem;padding:20px 0;font-family:Inter Tight,sans-serif;font-weight:400}.scroll-image-0{animation:scrollY 5s ease-in-out infinite}.scroll-image-1{animation:scrollY 7s ease-in-out infinite}.scroll-image-2{animation:scrollY 4s ease-in-out infinite}.scroll-image-3{animation:scrollY 5s ease-in-out infinite}@media (min-width: 768px){.item-portfolio{justify-content:center}.portfolio-card{position:relative;height:700px}.showcase-img,.codepen-img{position:absolute;top:190px;left:50%;transform:translate(-50%);width:400px;height:500px}.codepen-img>*>img{width:80%}}.item-portfolio>h2{font-size:1.8rem}.portfolio-card p{font-size:1.1rem;line-height:28px}@media (min-width: 1041px){.portfolio-card{height:800px}.portfolio-card p{font-size:1.2rem;line-height:30px}.item-portfolio>h2{font-size:1.9rem}.showcase-img,.codepen-img{width:500px;height:500px}.codepen-img>*>img{width:80%}}