@font-face{font-family:Exo2;src:url(/assets/Exo2-DzF8xoSn.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:ProtestStrike;src:url(/assets/ProtestStrike-F7m_0lvI.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}:root{--font-exo: "Exo2";--font-protest: "ProtestStrike";--website-bg: radial-gradient(#00c4c7, #2f3153);--primary: #2f3153;--primary-hover: #84dbdd;--navbar-bg: #131421}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;padding-bottom:.5rem;background-color:var(--navbar-bg)}.logo-span-colored-1{color:#0deef2;font-family:var(--font-exo);font-size:1.5rem}.logo-span-colored-2{color:var(--primary-hover);font-family:var(--font-exo);font-size:1.5rem}.navbar-right{display:flex;align-items:center;gap:2rem;padding-right:2rem}.navbar-right a{text-decoration:none;color:#fff;font-family:var(--font-exo);font-size:1.1rem}.navbar-left{padding-left:2rem;align-items:center}.social-logos{display:flex;flex-direction:column;align-items:center}.social-logos img{width:2rem;height:2rem;margin-left:1rem}.main-container{height:100vh;background:var(--website-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;overflow:hidden}.left-and-right{display:grid;grid-template-columns:1fr 1fr;width:85%;margin:0 auto;gap:1rem}.left-image-container img{width:100%;min-width:150px}.main-title-text{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.main-title-text h1{font-family:var(--font-protest);font-size:3.5rem;color:#fff;font-weight:300;text-align:center;margin-bottom:1rem;margin-top:1rem;opacity:.9;text-shadow:1px 1px 1px black}.main-title-text span{color:var(--primary)}.main-secondary-title h2{font-family:var(--font-exo);color:#fff;text-align:center;opacity:.9;font-size:1.5rem;text-shadow:1px 1px 1px black}.main-secondary-title span{color:var(--primary)}.main-password-container{width:100%;border:2px solid var(--primary);border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background-color:#ffffff8a}.main-password-text p{font-family:var(--font-exo);color:var(--primary);font-size:1.2rem;text-shadow:1px 1px 1px black}.left-section,.right-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;border:3px solid var(--primary);background-color:#293d678a;border-radius:1rem;box-shadow:3px 4px 10px #00000069}.texts-container{display:flex;flex-direction:column;justify-content:space-between;text-align:center;gap:1rem;padding-left:1rem;padding-right:1rem}.image-and-secondary-title-container{display:flex;flex-direction:row;width:100%;padding-left:2rem;padding-right:2rem;justify-content:center;align-items:center}.right-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;border:3px solid var(--primary);background-color:#293d678a;border-radius:1rem;box-shadow:3px 4px 10px #00000069;padding-left:2rem;padding-right:2rem}.left-image-container img{filter:drop-shadow(0px 4px 10px rgba(0,0,0,.412));padding-top:1rem;padding-bottom:1rem}.generate-password-button-container{display:flex;justify-content:center;align-items:center}.generate-password-button-container button{background-color:var(--primary);color:var(--primary-hover);font-family:var(--font-exo);font-size:.95rem;border:none;border-radius:.5rem;padding:.5rem 1rem;box-shadow:3px 4px 10px #00000069;cursor:pointer;transition:.4s ease-in-out}.generate-password-button-container button:hover{background-color:var(--primary-hover);color:var(--primary);transition:.4s ease-in-out}.pass-and-remember-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem}.input-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;color:#fff;text-shadow:1px 1px 1px black;opacity:.9}.description-text p{font-family:var(--font-exo);font-size:1.2rem;color:#fff;text-shadow:1px 1px 1px black}.clipboard-alert-container p{font-family:var(--font-exo);font-size:1.2rem;color:#43bb26;text-shadow:1px 1px 1px black}.remember-text p{font-family:var(--font-exo);font-size:.85rem;color:#fff;text-shadow:1px 1px 1px black}.form-control{font-family:var(--font-exo);font-size:1rem;font-weight:700;line-height:1.1;display:grid;grid-template-columns:1em auto;gap:.5em}.footer-container{display:flex;justify-content:center;align-items:center;text-align:center;padding-top:1.1rem;padding-bottom:1.1rem;background-color:var(--navbar-bg);color:#fff;text-shadow:1px 1px 1px black;opacity:.9}@media (min-width: 340px) and (max-width: 767px){.logo-span-colored-1,.logo-span-colored-2{font-size:1.2rem}.main-title-text h1{font-size:2rem}.navbar-right{display:flex;align-items:center;gap:2rem;padding-right:2rem}.navbar-right a{text-decoration:none;color:#fff;font-family:var(--font-exo);font-size:.9rem}.social-logos img{width:1.5rem;height:1.5rem;margin-left:1rem}.main-container{height:100%;padding-top:1rem;padding-bottom:1rem}.left-section{padding-top:1rem;padding-bottom:1rem}.main-secondary-title h2{font-size:1.2rem}.description-text p{font-size:1rem}.left-and-right{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.left-image-container{display:none}.image-and-secondary-title-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding-left:2rem;padding-right:2rem}.right-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem 2rem}.input-container{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:1rem}}@media (min-width: 768px) and (max-width: 850px){.main-container{height:100vh;padding-top:1rem;padding-bottom:1rem}.left-and-right{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;padding-top:1rem;padding-bottom:1rem}.right-section{padding-top:1rem;padding-bottom:1rem}}@media (min-width: 850px) and (max-width: 1440px){.left-image-container img{width:100%;min-width:75px}.left-section .texts-container .main-secondary-title h2{font-size:1rem}.left-section{padding:1rem .5rem}.image-and-secondary-title-container{width:100%;padding-left:0;padding-right:0}.right-section{width:100%;gap:2rem;padding:1rem}.texts-container{padding-right:0}.texts-container .description-text p{font-size:.75rem}.remember-text p,.main-password-container .main-password-text p,.clipboard-alert-container p{font-size:.8rem}.main-secondary-title h2{font-size:1.2rem}.description-text p,.form-control{font-size:1rem}.generate-password-button-container button{font-size:.8rem}}