@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";.about{padding:1rem}.about fieldset{width:65%;border-radius:15px;padding:1rem}.about fieldset legend{padding:0;font-size:32px}.about fieldset legend h1{font-size:32px;font-weight:400}.about fieldset .about-content{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;overflow-y:auto;height:300px}.about fieldset .about-content p{text-align:justify;letter-spacing:.5px;font-size:20px}@media screen and (max-width: 1024px){.about{padding:1rem}.about fieldset{width:100%;border-radius:15px;padding:.75rem .75rem 1.3rem;background:#ffffff26;backdrop-filter:blur(6.6px);-webkit-backdrop-filter:blur(6.6px);box-shadow:0 4px 30px #0000001a}.about fieldset legend{padding:0 2px;font-size:32px}.about .about-content{display:flex;flex-direction:column;gap:1rem}.about .about-content p{text-align:justify;letter-spacing:.5px;font-size:20px}}@font-face{font-family:Rainy Heart;src:url(/assets/rainyhearts-C-NYzKXz.ttf) format("truetype")}:root{--gray-100: #EEEEEE;--gray-700: #1D1616;--red: #8E1616;--blue: rgb(20, 150, 200);--font-vibur: "Vibur", serif;--font-red-hat: "Red Hat Display", serif;--font-open-sans: "Open Sans", sans-serif;--font-rainy-heart: "Rainy Heart", serif}header{display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;height:100vh;gap:1rem;padding:1rem;font-family:var(--font-rainy-heart)}header fieldset{width:65%;border-radius:15px;padding:1rem}header fieldset legend{padding:0;font-size:32px}header fieldset .link-wrap{margin-bottom:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.login-screen{text-align:center;padding:100px 0;animation:fadeIn .5s ease-in-out}.login-button{margin-top:20px;padding:10px 20px;font-size:1rem;cursor:pointer;border:none;background-color:#2d2dff;color:#fff;border-radius:4px;transition:background .3s}.login-button:hover{background-color:#1a1ac7}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 1024px){header{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;width:100vw;gap:1rem;overflow:hidden}header fieldset{width:100%;border-radius:15px;padding:.75rem .75rem 1.3rem}header fieldset legend{padding:0 2px;font-size:32px}header fieldset .link-wrap{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}}.project{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;background:var(--gray-700)}.project h1{color:var(--gray-100);font-size:32px;position:relative;padding-bottom:2rem}.project h1:after{content:"";display:block;width:100%;height:4px;background-color:var(--gray-100)}.project .project-list{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:1rem}.project .project-list div{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:space-between}.project .project-list div a{font-size:1.5rem;padding:1rem 0}.project .project-list div img{width:300px;height:150px}@media screen and (min-width: 1024px){.project{height:100vh}}@media screen and (max-width: 1024px){.project{display:flex;flex-direction:column;align-items:center;background:var(--gray-700);padding:2rem 0}.project h1{font-size:32px;position:relative;color:#fff}.project h1:after{content:"";display:block;width:100%;height:4px;background-color:var(--gray-100)}.project p{margin-bottom:32px;font-size:.8em;padding:0 2.5rem;text-align:justify;color:var(--gray-100)}.project .project-list{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem}.project .project-list div{display:flex;flex-direction:column;align-items:center;justify-content:center}.project .project-list div a{font-size:calc(2.5rem - 15px);padding:1rem 0;color:var(--gray-100)}.project .project-list div img{width:calc(100% - 80px)}}.contact{padding:1rem}.contact fieldset{width:65%;border-radius:15px;padding:1rem}.contact fieldset legend{padding:0;font-size:32px}.contact fieldset legend h1{font-size:32px;font-weight:400}.contact fieldset .contact-content{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;overflow-y:auto;height:300px}.contact fieldset .contact-content a{border:2px solid #eee;padding:8px 2px;border-radius:8px;display:block;text-align:center;letter-spacing:.5px;font-size:20px}.contact fieldset .contact-content a:hover{background:#333}@media screen and (max-width: 1024px){.contact{padding:1rem}.contact fieldset{width:100%;border-radius:15px;padding:.75rem .75rem 1.3rem;background:#ffffff26;backdrop-filter:blur(6.6px);-webkit-backdrop-filter:blur(6.6px);box-shadow:0 4px 30px #0000001a}.contact fieldset legend{padding:0 2px;font-size:32px}.contact .contact-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.contact .contact-content a{border:2px solid #eee;padding:8px 2px;border-radius:8px;display:block;text-align:center;letter-spacing:.5px;font-size:20px}.contact .contact-content:hover{background:#333}}:root{--gray-100: #EEEEEE;--gray-700: #1D1616;--red: #8E1616;--blue: rgb(20, 150, 200);--font-vibur: "Vibur", serif;--font-red-hat: "Red Hat Display", serif;--font-open-sans: "Open Sans", sans-serif}html{overflow:hidden}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;color:var(--gray-100)}.ball{width:5rem;height:5rem;position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;backdrop-filter:invert(1) grayscale(1);-webkit-backdrop-filter:invert(1) grayscale(1);z-index:999999}footer{display:flex;align-items:center;justify-content:center;padding:.75rem 0;background:var(--gray-700)}footer p,footer sup{color:var(--gray-100)}.link-list{display:grid;grid-template-columns:1fr 1fr 1fr;align-self:center;margin-top:7px;gap:7px}.link{display:flex;align-items:center;font-family:var(--font-rainy-heart);font-size:32px;text-align:justify;transition:.3s ease-in}.glassmorphism{background:#ffffff40;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.btn{padding:1rem;background:transparent;outline:none;border:2px solid white;border-radius:10px;cursor:pointer}.fade-enter{opacity:0;transform:translateY(10px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}@media screen and (max-width: 1024px){footer{display:flex;align-items:center;justify-content:center;padding:.75rem 0;background:var(--gray-100)}footer p,footer sup{color:var(--gray-700);font-size:16px}.link{display:flex;align-items:center;width:100%;font-family:var(--font-rainy-heart);font-size:24px;text-align:justify}.btn{padding:1rem;background:transparent;outline:none;border:2px solid white;border-radius:10px;cursor:pointer}}