@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import"https://fonts.googleapis.com/css2?family=Russo+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lobster&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Dosis:wght@400;700&display=swap";*{box-sizing:border-box}:root{--main-bg-color: blue;--sand-tan: #e1b382;--night-blue: #2d545e;--cs-black: #000000}body[aria-hidden=true]{aria-hidden:false!important}body{background-color:var(--cs-black);font-family:system-ui,sans-serif;min-height:100vh;margin:0}h1{font-family:Orbitron,sans-serif}h2{font-family:Audiowide,sans-serif}p{font-family:Russo One,sans-serif}.nav-links{font-family:"Exo 2",sans-serif}.button{font-family:Dosis,sans-serif}.special-text{font-family:Lobster,sans-serif}nav{display:flex;justify-content:space-between;align-items:center;background-color:var(--cs-black);height:8vh;position:relative;overflow:hidden}nav:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background-color:var(--cs-light-blue);animation:moveLine 5s linear infinite}.site-logo-container{display:flex;align-items:center}.site-logo-container a{text-decoration:none}.site-name{display:flex;align-items:center;font-size:2.5rem;font-weight:700;margin-left:1vw;text-decoration:none}.site-name-front{color:var(--cs-light-blue);font-size:2.5rem;font-weight:700;text-decoration:none}.site-name-back{color:var(--cs-white);font-size:2.5rem;font-weight:700;text-decoration:none}#site-slogan{color:var(--cs-white);font-size:1rem;margin-top:1.2rem;margin-left:.7rem}.nav-links{display:flex;padding:0;margin:0}.nav-links ul{display:flex;list-style:none;padding:0;margin:0}.nav-links li{margin-right:1rem;list-style:none}.nav-links a{color:var(--cs-light-blue);text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:var(--cs-white)}@keyframes moveLine{0%{left:0}to{left:100%}}#dash-container{display:flex;margin-top:0;margin-left:15px;margin-right:15px;border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:stretch;background-color:var(--cs-black);height:96vh;border:5px solid var(--cs-light-blue)}#dash-body{display:flex;margin:10px 10px 0;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:stretch;background-color:var(--cs-black);position:relative;height:92vh}#topic-board{display:flex;border-radius:10px;height:30vh;background-color:var(--cs-light-blue)}.image-container{width:100%;height:auto;max-width:20vw;max-height:30vh;border-radius:10px;border-style:ridge;border-color:var(--cs-black);margin:1vh;position:relative;background-color:var(--cs-black);background-image:url(https://images.squarespace-cdn.com/content/v1/5e3b1164feb39b444b58f15b/1679166980153-L9SIFE4S7D6N4KGPW809/unsplash-image-m3hn2Kn5Bns.jpg);background-size:20vw 30vh;background-repeat:no-repeat;background-position:center}.image-container img{width:100%;height:auto;display:block;object-fit:cover}.image-container img[style="display: none;"]{visibility:hidden}#topic-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:1vh}#topic-board-title{position:absolute;top:3vh}.buttons-container{display:flex;position:absolute;top:10vh;width:100%;height:40%;flex-direction:column;align-items:flex-start}.follow-button{font-family:Dosis,sans-serif;font-size:1rem;background-color:#88c0d0;color:#021013;border:none;border-radius:20px;padding:5px 20px;margin-top:1vh;cursor:pointer;transition:background-color .3s ease,color .3s ease;border:2px solid var(--cs-black)}.follow-button:hover{background-color:var(--cs-black);color:#fff}.new-post-button,.new-forum-button{font-family:Dosis,sans-serif;font-size:1rem;background-color:#88c0d0;color:#021013;border:none;border-radius:20px;padding:5px 20px;margin-top:1vh;cursor:pointer;transition:background-color .3s ease,color .3s ease;border:2px solid var(--cs-black)}.new-post-button:hover{background-color:var(--cs-black);color:#fff}#post-menu-container{display:flex;flex-direction:column;justify-content:center;width:70%;height:100%;border-radius:10px;overflow:hidden;margin-right:0;margin-left:.5vh;margin-top:.5vh;position:relative;background-color:var(--cs-black);background-size:20vw 30vh;background-repeat:no-repeat;background-position:center}#post-menu-title{border-radius:10px;background-color:var(--cs-red);font-family:Orbitron,sans-serif;font-size:1rem;padding:1vh;color:var(--cs-white);text-align:left;margin-top:1vh}#post-menu-menu{border-radius:0 0 10px 10px;font-family:Orbitron,sans-serif;font-size:1rem;color:var(--cs-white);text-align:center;margin-top:1vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:calc(100% - 4vh);background-color:var(--cs-light-blue);overflow-y:auto}.post-menu-tab{display:flex;width:100%;height:12.5%;justify-content:flex-start;align-items:flex-start;background-color:var(--cs-light-blue);border-bottom:2px solid var(--cs-black);color:var(--cs-black);font-family:"Exo 2",sans-serif;font-size:1rem;text-align:center;flex-direction:column}.post-menu-item{height:50%;text-align:left;justify-content:center;align-items:center;justify-items:center;padding:.5vh;font-size:.9rem;text-decoration:underline;color:var(--cs-red);font-weight:700;cursor:pointer}.post-menu-user{height:50%;text-align:left;justify-content:center;align-items:center;justify-items:center;padding:.5vh;font-size:.8rem;text-decoration:underline;color:var(--cs-black);cursor:pointer}#edit-button,#delete-button{position:absolute;font-family:Dosis,sans-serif;font-size:1rem;background-color:#88c0d0;color:#021013;border:none;border-radius:20px;padding:5px 20px;margin-top:1vh;cursor:pointer;transition:background-color .3s ease,color .3s ease;border:2px solid var(--cs-black)}#edit-button{margin-left:75%}#delete-button{margin-left:85%}#forums-list-container{display:flex;flex-direction:column;justify-content:center;width:30%;height:100%;border-radius:10px;overflow:hidden;margin-left:0;margin-top:.5vh;margin-right:.5vh;position:relative;background-color:var(--cs-black);background-size:20vw 30vh;background-repeat:no-repeat;background-position:center}#forums-list-title-bar{display:flex;flex-direction:row;background-color:var(--cs-red);justify-content:space-between;margin-top:1vh;border-radius:10px}#forums-search-bar{background-color:var(--cs-red);align-content:center;margin-top:0;padding:0;position:relative;border-radius:10px}#forums-search-bar input{background-color:var(--cs-red);height:95%;width:15vw;border:none;border-top-left-radius:10px;border-bottom-left-radius:10px;border-left:2px solid black;background-color:var(--cs-black);color:var(--cs-white);padding-left:.5vw}#forums-search-bar input::placeholder{font-family:Arial,sans-serif;opacity:1}#forums-search-bar button{background-color:var(--cs-red);height:95%;width:3vw;border-top-right-radius:10px;border-bottom-right-radius:10px;border:none;border-left:2px solid var(--cs-red);background-color:var(--cs-black);color:var(--cs-white);margin-right:.1vw}#forums-list-title-bar h2{border-radius:10px 10px 0 0;font-family:Orbitron,sans-serif;font-size:1rem;padding:1vh;color:var(--cs-white);text-align:left}#forums-list-container ul{border-radius:0 0 10px 10px;font-family:Orbitron,sans-serif;font-size:1rem;color:var(--cs-white);text-align:center;margin-top:1vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:calc(100% - 4vh);background-color:var(--cs-light-blue);overflow-y:auto;padding:0;list-style:none}.forum-item{display:flex;width:100%;height:12.5%;justify-content:flex-start;align-items:flex-start;background-color:var(--cs-light-blue);border-bottom:2px solid var(--cs-black);font-family:"Exo 2",sans-serif;font-size:1rem;text-align:center;flex-direction:column}.forum-item a{height:100%;text-align:left;padding:.5vh;font-size:1.3rem;text-decoration:underline;color:var(--cs-black);font-weight:700;cursor:pointer;text-decoration:none;margin-left:.5vw;margin-top:1vh}#forums-list-container p{color:var(--cs-black);font-family:"Exo 2",sans-serif;font-size:1rem;text-align:center;padding:1vh}#bottom-section{display:flex;width:100%;height:61vh}#forums-container{display:flex;flex-direction:column;justify-content:center;width:30%;height:100%;border-radius:10px;overflow:hidden;margin-left:0;margin-top:.5vh;margin-right:.5vh;position:relative;background-color:var(--cs-black);background-size:20vw 30vh;background-repeat:no-repeat;background-position:center}#forums-title{border-radius:10px;background-color:var(--cs-red);font-family:Orbitron,sans-serif;font-size:1rem;padding:1vh;color:var(--cs-white);text-align:left;margin-top:1vh}#forums-menu{border-radius:0 0 10px 10px;font-family:Orbitron,sans-serif;font-size:1rem;color:var(--cs-white);text-align:center;margin-top:1vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:calc(100% - 4vh);background-color:var(--cs-light-blue);overflow-y:auto}.forums-menu-tab{display:flex;width:100%;height:12.5%;justify-content:flex-start;align-items:flex-start;background-color:var(--cs-light-blue);border-bottom:2px solid var(--cs-black);color:var(--cs-black);font-family:"Exo 2",sans-serif;font-size:1rem;text-align:center;flex-direction:column}.forums-menu-item{display:flex;height:100%;text-align:left;padding:.5vh;font-size:1.3rem;text-decoration:none;color:var(--cs-red);font-weight:700;justify-content:flex-end;align-items:center;cursor:pointer}#viewpost-container{display:flex;flex-direction:column;justify-content:center;width:70%;height:100%;border-radius:10px;overflow:hidden;margin-right:0;margin-left:.5vh;margin-top:.5vh;position:relative;background-color:var(--cs-black);background-size:20vw 30vh;background-repeat:no-repeat;background-position:center}#viewpost-title{border-radius:10px;background-color:var(--cs-red);font-family:Orbitron,sans-serif;font-size:1rem;padding:1vh;color:var(--cs-white);text-align:left;margin-top:1vh}#viewpost-menu{border-radius:0 0 10px 10px;font-family:Orbitron,sans-serif;font-size:1rem;color:var(--cs-white);text-align:center;margin-top:1vh;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:calc(100% - 4vh);background-color:var(--cs-light-blue);overflow:hidden}#viewpost-left-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:60%;height:100%;border-right:2px solid var(--cs-black)}#viewpost-content-backdrop{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:70%;box-sizing:border-box;padding:1vh}#viewpost-content-main{height:100%;width:100%;background-color:var(--cs-black);border-radius:10px}#viewpost-comments-backdrop{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:30%;box-sizing:border-box;padding:1vh}#viewpost-comments-main{height:100%;width:100%;background-color:var(--cs-black);border-radius:10px}#viewpost-right-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:40%;height:100%}#viewpost-image-backdrop{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:60%;box-sizing:border-box;padding:1vh}#viewpost-image-main{height:100%;width:100%;background-color:var(--cs-black);border-radius:10px}#viewpost-extras-backdrop{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:40%;box-sizing:border-box;padding:1vh}#viewpost-extras-main{height:100%;width:100%;background-color:var(--cs-black);border-radius:10px}.select-forum-button{font-family:Dosis,sans-serif;font-size:1.2rem;background-color:#021013;color:var(--cs-white);border-radius:20px;padding:5px 20px;margin-top:1vh;cursor:pointer;transition:background-color .3s ease,color .3s ease;border:2px solid var(--cs-white);position:relative;z-index:1}.select-forum-button:hover{background-color:var(--cs-white);color:var(--cs-black)}.forum-dropdown-container{display:flex;margin-bottom:1.5vh;position:relative;width:30%}.forum-dropdown-content{position:absolute;top:100%;left:0;z-index:10000;display:flex;flex-direction:column;width:100%;background-color:#021013;border:2px solid var(--cs-white);border-radius:10px;box-shadow:0 4px 8px #0003;margin-top:5px;max-height:200px;overflow-y:auto;margin-left:1vw;margin-top:1.5vh}.dropdown-item{padding:8px 15px;text-decoration:none;color:var(--cs-white);font-family:Dosis,sans-serif;font-size:1.1rem;border-bottom:1px solid rgba(204,204,204,.3);cursor:pointer;background-color:#021013;transition:background-color .3s ease,color .3s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--cs-white);color:var(--cs-black)}.post-title input.new-post-title{width:100%;padding:10px;font-size:16px;border-radius:5px;background-color:var(--cs-black);margin-bottom:10px;border:1px solid #ccc;color:var(--cs-white)}.post-title input.new-post-title::placeholder{color:#aaa}.post-title input.new-post-title:focus{outline:none;border-color:var(--cs-primary)}.post-body{width:100%}.post-body textarea.new-post-body{width:100%;padding:15px;font-size:16px;border-radius:5px;background-color:var(--cs-black);margin-bottom:10px;border:1px solid #ccc;color:var(--cs-white);min-height:150px;resize:none;overflow-y:auto}.post-body textarea.new-post-body::placeholder{color:#aaa}.post-body textarea.new-post-body:focus{outline:none;border-color:var(--cs-primary)}#new-post-container{position:fixed;top:47%;left:50%;transform:translate(-50%,-50%);width:50%;height:60%;z-index:9999;background-color:#000c;box-shadow:0 4px 8px #0000001a;border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border:3px solid var(--cs-black);overflow:visible}#post-heading,#new-post-title{color:var(--cs-white);font-size:24px;margin-bottom:20px}.new-post-input{width:100%;padding:10px;font-size:16px;border-radius:5px;background-color:var(--cs-black);margin-bottom:10px;border:1px solid #ccc;color:var(--cs-white);margin-top:5vh}.new-post-input::placeholder{color:#aaa}.post-title{width:100%}.post-title input{width:100%;padding:10px;font-size:16px;border-radius:5px;background-color:var(--cs-black);margin-bottom:10px;border:1px solid #ccc;color:var(--cs-white)}.post-nav{display:flex;justify-content:flex-start;width:100%;height:10vh;border-radius:10px;padding:1vh;margin-bottom:1.5vh}.post-nav-item{text-decoration:none;color:var(--cs-white);margin-right:2vh}#submit-post-button{font-family:Dosis,sans-serif;font-size:1.2rem;background-color:#021013;color:var(--cs-white);border-radius:20px;padding:5px 20px;cursor:pointer;transition:background-color .2s ease,color .3s ease;border:2px solid var(--cs-white);position:relative;z-index:1;margin:auto;margin-top:1vh;margin-left:center}#submit-post-button:hover{background-color:var(--cs-white);color:var(--cs-black)}#new-forum-container{position:fixed;top:47%;left:50%;transform:translate(-50%,-50%);width:50%;height:60%;z-index:9999;background-color:#000c;box-shadow:0 4px 8px #0000001a;border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border:3px solid var(--cs-black)}#new-forum-heading{color:var(--cs-white);font-size:24px;margin-bottom:20px}#new-forum-title{color:var(--cs-white);font-size:24px;margin-bottom:20px;width:100%}.new-forum-input{width:100%;padding:10px;font-size:16px;border-radius:5px;background-color:var(--cs-black);margin-bottom:10px;border:1px solid #ccc;color:var(--cs-white);margin-top:5vh}.new-forum-input::placeholder{color:#aaa}.new-forum-title input{width:100%;padding:10px;font-size:16px;border-radius:5px;background-color:var(--cs-black);margin-bottom:10px;border:1px solid #ccc;color:var(--cs-white)}.publish-forum-button{font-family:Dosis,sans-serif;font-size:1rem;background-color:#88c0d0;color:#021013;border:none;border-radius:20px;padding:5px 20px;margin-left:0;cursor:pointer;transition:background-color .3s ease,color .3s ease;border:2px solid var(--cs-black)}.landingpage{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh}.landingpage h1{font-size:2rem;color:#0ff;margin-bottom:10px}.landingpage p{color:red;font-size:1rem}*{margin:0;padding:0;box-sizing:border-box}#profile-page-container{display:flex;margin-top:0;margin-left:15px;margin-right:15px;border-radius:20px;flex-direction:column;justify-content:flex-start;background-color:var(--cs-black);height:96vh;border:5px solid var(--cs-light-blue)}#profile-page-body{display:flex;margin:10px 10px 0;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:stretch;background-color:var(--cs-black);position:relative;overflow-y:auto;height:92vh}#profile-page-header{height:50vh}#profile-page-image-container{width:20vh;height:20vh;border-radius:50%;margin:0 auto;margin-top:2vh;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden}#profile-page-image-container img{width:100%;height:100%;object-fit:cover;border-radius:50%}#profile-page-user-info{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2vh;font-size:1.5rem;color:var(--cs-white)}.profile-nav{display:flex;margin:0 auto;font-family:"Exo 2",sans-serif;font-size:1.2rem;width:30%;height:2rem;justify-content:space-evenly}.profile-nav-item{color:var(--cs-white);text-decoration:none;transition:color .3s ease,background-color .3s ease;border-radius:20px;padding:5px 20px;box-sizing:border-box}.profile-nav-item:hover,.profile-nav-item.active{color:var(--cs-black);background-color:var(--cs-white)}#my-posts-container{display:flex;justify-content:flex-start;margin:2vh auto;width:50%;height:90%;align-items:flex-start;flex-direction:column;border:solid var(--cs-light-blue);border-width:4px;border-radius:10px}#my-posts-title{font-size:24px;color:var(--cs-white);padding:10px;margin:0 auto;width:100%;border-bottom:solid var(--cs-light-blue);border-width:2px;text-align:center}#my-posts-menu{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%}.my-posts-menu-tab{display:flex;font-size:18px;margin:0 10px;cursor:pointer;width:100%;height:100%;align-items:center;justify-content:space-between;border-bottom:solid var(--cs-light-blue);border-width:2px}.my-posts-menu-item{font-size:18px;color:var(--cs-white);margin:0 10px;cursor:pointer}.my-posts-menu-tab>div{display:flex;align-items:center}.my-posts-menu-edit-button{font-size:18px;color:var(--cs-black);background-color:var(--cs-light-blue);border:solid var(--cs-light-blue);border-width:2px;padding:5px 10px;border-radius:15px;text-decoration:none}.my-posts-menu-delete-button{font-size:18px;color:var(--cs-black);background-color:var(--cs-light-blue);border:solid var(--cs-light-blue);border-width:2px;padding:5px 8px;margin-right:1vh;margin-left:1vh;border-radius:15px;text-decoration:none}.profile-post-body{width:100%;height:75%}.profile-post-body textarea.profile-new-post-body{width:100%;height:100%;padding:15px;font-size:16px;border-radius:5px;background-color:var(--cs-black);margin-bottom:10px;border:1px solid #ccc;color:var(--cs-white);min-height:150px;resize:none;overflow-y:auto}.profile-post-body textarea.profile-new-post-body::placeholder{color:#aaa}.profile-post-body textarea.profile-new-post-body:focus{outline:none;border-color:var(--cs-primary)}.my-posts-buttons-container{display:flex;justify-content:center;align-items:center;margin:2vh auto;width:100%;gap:20px}.my-posts-menu-edit,.my-posts-menu-cancel{font-size:18px;color:var(--cs-black);background-color:var(--cs-light-blue);border:solid var(--cs-light-blue);border-width:2px;padding:10px;border-radius:10px;cursor:pointer;width:fit-content;margin-top:1.5vh}:root{--cs-light-blue: #4ACFEE;--cs-black: #021013;--cs-red: #DD0426;--cs-white: #ffffff}