:root{font-family:Nunito,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dark: #1B1B1D;--white: #EEE5E9;--grey: #7C7C7C;--light-primary: #92DCE5;--primary: #52DEE5;--shadow: #0b0b0d;--red: #bc1e1e}*{margin:0;padding:0;color:var(--white)}#app{display:flex;justify-content:center}body{background-color:var(--dark)}.primary-btn{background-color:var(--dark);border:2px solid var(--primary);border-radius:10px;min-width:80px;min-height:30px;padding:10px 15px;color:var(--primary);font-weight:800;font-size:13pt;transition:.2s}.primary-btn:hover{border:2px solid var(--light-primary);color:var(--light-primary);cursor:pointer;transform:translateY(-3px);box-shadow:var(--shadow) 0 2px 2px;text-shadow:var(--shadow) 0px 3px 2px}.secondary-btn{background-color:var(--dark);border:2px solid var(--grey);border-radius:10px;min-width:80px;min-height:30px;padding:10px 15px;color:var(--grey);font-weight:600;font-size:12pt;transition:.2s}.secondary-btn:hover{border:2px solid var(--white);color:var(--white);cursor:pointer;transform:translateY(-2px);box-shadow:var(--shadow) 0 2px 2px;text-shadow:var(--shadow) 0px 3px 2px}.primary-color{color:var(--primary)!important}.red-color{color:var(--red)!important}.hero{display:flex;justify-content:center;height:100dvh;align-items:center;padding:0% 20%;gap:10%}.lside-hero h1{font-weight:800;font-size:56pt;text-shadow:var(--shadow) 1px 3px 2px}.lside-hero p{font-size:20pt}.lside-hero button{width:150px;margin-top:20px}.rside-hero,.lside-hero{width:35%;display:flex;flex-direction:column}.rside-hero img{width:100%;border-radius:15px;box-shadow:var(--shadow) 1px 3px 2px}@media (max-width: 1675px){.rside-hero,.lside-hero{width:40%}}@media (max-width: 1465px){.rside-hero,.lside-hero{width:45%}}@media (max-width: 1305px){.hero{padding:0% 15%}}@media (max-width: 1120px){.hero{padding:0% 10%}}@media (max-width: 980px){.hero{gap:5%}.lside-hero{width:50%}.rside-hero{width:40%}}@media (max-width: 880px){.hero{padding:0% 5%}}@media (min-width: 785px){.image-2{display:none}}@media (max-width: 785px){.hero{flex-direction:column;text-align:center;gap:75px}.lside-hero{align-items:center;width:100%}.image-1{display:none}.image-2{display:block}.rside-hero{width:100%;align-items:center}.rside-hero img{width:50%}}@media (max-width: 630px){.rside-hero img{width:60%}}@media (max-width: 520px){.rside-hero img{width:70%}}@media (max-width: 400px){.lside-hero h1{font-size:50pt}.lside-hero p{font-size:18pt}.rside-hero img{width:85%}}.form{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:50px;background-size:cover}.inputs{display:flex;flex-direction:column}.buttons{display:flex;align-items:center;gap:15px}.buttons .primary-btn{margin-right:15px}.inputs p{color:var(--white);margin-bottom:3px}.inputs input{padding:10px 15px;background-color:var(--dark);border:2px solid var(--grey);border-radius:5px;margin-bottom:20px;font-size:12pt;transition:.2s}.inputs input::placeholder{font-size:10pt;color:var(--grey)}.inputs input:focus{border:2px solid var(--white);outline:none}.join{display:flex;height:100dvh;justify-content:center;align-items:center;gap:100px}.join img{max-height:80%;border-radius:15px;box-shadow:var(--shadow) 1px 3px 2px}.error-text{text-align:center}@media (max-width: 800px){.join{gap:50px}.join img{max-height:70%}}@media (max-width: 660px){.join img{display:none}}.follow-box{height:50px;display:flex;align-items:center;padding:10px 15px;gap:15px}.follow-box img{height:95%}.follow-box a{text-decoration:none}.follows-window-overlay{position:absolute;width:100%;height:100%;background:#1d1d1d1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.follows-window{position:relative;width:600px;height:600px;background-color:var(--dark);top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid #0b0b0b;box-shadow:var(--shadow) 2px 2px 2px;border-radius:15px;display:flex;flex-direction:column}.follows-header{display:flex;justify-content:space-between;border-bottom:2px solid #0b0b0b}.close-follows-btn{width:25px;background:transparent;border:0px}.close-follows-btn:hover{cursor:pointer}.lside-follows-header{display:flex;justify-content:space-evenly;padding:5px 0;flex:1}.lside-follows-header p{color:var(--grey);transition:.2s}.lside-follows-header p:hover{color:var(--white);cursor:pointer}.lside-follows-header .mode-active{color:var(--white)}.follows-list{overflow-y:scroll;flex:1}.names p{color:var(--grey);font-size:16pt}.names h2{font-weight:800;font-size:28pt}.lside-info{display:flex;align-items:center;gap:50px}.pfp img{width:150px;height:150px;border-radius:100px}.profile-info{display:flex;align-items:center;justify-content:space-between;width:60%;margin-top:100px}.rside-info{display:flex;align-items:center;gap:50px}.follows p{text-align:right;color:var(--grey)}.follows .bold{font-weight:800}.follows .bold:hover{cursor:pointer}