*{background-color:#0a0a0a;color:#fff;font-family:Funnel Display,sans-serif}body{display:flex;height:auto;justify-content:center;align-items:center}*{padding:0;margin:0}.input-wrapper{display:flex;flex-direction:column;gap:10px}label{font-weight:500;font-size:medium}input{height:1.5rem;width:20rem;background:#0d0d0d;border:2px solid #1e1e1e;color:#fff;padding:5px 10px;outline:none;transition:box-shadow .2s ease,border .2s ease;font-size:medium;border-radius:5px}input:focus{box-shadow:0 0 5px 5px #515151}body{height:100vh}#login-form{border:2px solid #282828;height:340px;width:25rem;padding:10px;border-radius:10px}#login-form:hover{background-image:radial-gradient(circle 200px at var(--x) var(--y),rgba(98,98,98,.205),transparent 100%);border:3px solid,#282828;border-image-source:radial-gradient(circle 200px at var(--x) var(--y),#ff6200,#282828);border-image-slice:1}.form-divider{margin-top:30px;height:.5px;background-color:#282828}.form-group{margin-top:10px}.foot_login{display:flex;justify-content:center;margin-top:2vh;gap:5px;color:#a1a1a1}#signup_login{text-decoration:none}#error_appear_zone{position:fixed;bottom:0;right:35%;z-index:1000}button{background-color:#fff;color:#000;padding:10px;font-size:medium;font-weight:600;border-radius:10px;margin-top:10px;transition:box-shadow .2s ease,border .2s ease;border:none}button:hover{box-shadow:0 0 5px 5px #656464;cursor:pointer;background-color:var(--bg-hover-bgcolor);color:var(--hover-color)}button:active{transform:scale(.9);transition:transform .1s ease;box-shadow:none}#main_bg{display:flex;justify-content:center;background:transparent;align-items:self-end;overflow:hidden}#bg{height:100vh;filter:blur(10px);background:transparent}#sheet{margin:2vh;border:2px solid #282828;height:21.8rem;width:25rem;padding:10px;border-radius:10px;position:relative;background-color:#0a0a0a;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:transform .5s ease}#statement{color:#a1a1a1}#grab{height:6px;width:80px;background:#4a4848;border-radius:10px;position:absolute;top:20px}#grab:hover{cursor:grab}#statement{margin-top:20px;display:flex;text-align:center;width:80%;align-items:center;justify-content:center}#button_popup{margin-top:10px}body{background-color:#0a0a0a}#parent{border:2px solid #282828;height:420px;width:25rem;padding:10px;border-radius:10px}span{color:#a1a1a1}#parent:hover{background-image:radial-gradient(circle 200px at var(--x) var(--y),rgba(98,98,98,.205),transparent 100%);border:3px solid,#282828;border-radius:10px;border-image-source:radial-gradient(circle 200px at var(--x) var(--y),#ff6200,#282828);border-image-slice:1}.line{margin-top:30px;height:.5px;background-color:#282828}main{margin-top:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent}.butt-login{margin-top:10px}.foot_sign_up{display:flex;justify-content:center;margin-top:2vh;gap:5px;color:#a1a1a1}#Login_signup{text-decoration:none}#main_visible{height:100vh;width:100vw;position:absolute}#menu_icon{transform:scale(2);position:fixed;z-index:10;right:5vh;top:5vh}#main_hidden{height:100vh;width:100vw;background:#ff6200;position:relative;-webkit-mask-image:url(/Ellipse.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:var(--main_position-x) var(--main_position-y);-webkit-mask-size:var(--mask_size);-webkit-transition:-webkit-mask-size .3s ease;mask-image:url(/Ellipse.svg);mask-repeat:no-repeat;mask-position:var(--main_position-x) var(--main_position-y);mask-size:var(--mask_size);transition:mask-size .3s ease}h1{font-size:70px}h4{font-size:xx-large}.hidden{transform:scale(.8)}.text_mid{width:50vw;height:30vh;margin-top:20vh;margin-left:20vw}.hidden_text_mid{margin-top:10vh}.links{margin-top:10vh;position:fixed;z-index:10}.link_logo{transform:scale(.8);padding:5px}.link_logo:hover{transform:scale(1.05)}.buttons{display:flex;align-items:center;margin-left:20vw;gap:10px;position:fixed;z-index:10}#dropdown{position:relative;cursor:pointer}#dropdownMenu{position:fixed;right:0;background-color:#222;border:3px solid,#282828;border-radius:10px;padding:10px;box-shadow:0 4px 12px #0000004d;z-index:1000;display:flex;flex-direction:column;min-width:15vw}.spotlight-editor{width:70vw;background-color:transparent;min-height:50vh;max-height:auto;border:3px solid #1e1e1e;border-radius:10px;border-image-slice:1;border-image-source:none}.spotlight-container:hover .spotlight-editor{background-image:radial-gradient(circle 200px at var(--x) var(--y),rgba(98,98,98,.205),transparent 100%);border-image-source:radial-gradient(circle 200px at var(--x) var(--y),#ff6200,#282828)}*{background-color:transparent}body{height:auto}#post{max-width:100vw;min-height:85vh;max-height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1vh}#login-not-found{border:2px solid #282828;height:60vh;width:50vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:10px}#login-not-found:hover{background-image:radial-gradient(circle 200px at var(--x) var(--y),rgba(98,98,98,.205),transparent 100%);border:3px solid,#282828;border-image-source:radial-gradient(circle 200px at var(--x) var(--y),#ff6200,#282828);border-image-slice:1}#back_addpost{position:fixed;top:5vh;left:2vw}#addpost_login_visible{display:flex;justify-content:center;align-items:center;flex-direction:column;width:40vw;text-align:center;gap:10px}h2{font-size:40px}.h3{font-size:20px;color:#a1a1a1}#logo_addpost{height:70px}#submit{display:flex;justify-content:center;align-items:center}#card{min-height:30vh;width:20vw;display:flex;flex-direction:column;justify-content:end;gap:20px;margin:10px;border-radius:10px;padding:15px;border:2px solid #282828}#card:hover{background-image:radial-gradient(circle 200px at var(--x) var(--y),rgba(98,98,98,.205),transparent 100%);border:3px solid,#282828;border-image-source:radial-gradient(circle 200px at var(--x) var(--y),#ff6200,#282828);border-image-slice:1}#learn_more{display:none}#card_title{font-size:30px}#card_content{color:#a1a1a1;max-height:5vh;width:19vw;overflow:hidden;text-overflow:ellipsis}#card_content *{font-size:small}#card_writer{color:#a1a1a1}#card_content *{color:inherit!important}#card:hover #card_title{font-size:25px;transition:font-size .3s ease}#card:hover #learn_more{display:block;transition:display .5s ease;color:#a1a1a1;text-decoration:underline}#learn_more:hover{cursor:pointer}#post_post{width:90vw;height:auto;display:flex;align-items:center;flex-direction:column;gap:20px;padding:20px;border:2px solid #282828;border-radius:10px}#Post_title{font-size:40px}#Post_writer{font-size:20px;color:#a1a1a1}body{min-height:100vh;height:auto}#card_body{width:90vw;min-height:80vh;max-height:auto;gap:50px;flex-wrap:wrap;display:flex;justify-content:center}#all_post_text{font-size:70px;color:#a1a1a1}#allPosts{display:flex;align-items:center;justify-content:center;width:auto;margin:20px}#tagline{width:40vw;text-align:center;font-size:50px}#posts{position:relative}#none{display:flex;flex-direction:column;align-items:center}#back{position:fixed;z-index:10}