body{background:linear-gradient(#030303,#d7e7f1) no-repeat;font-family:Crimson Text,serif}.hidden{display:none}.center{flex-direction:row;justify-content:center;align-items:center;padding:10px;display:flex}.grid-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:2vw;display:grid}.title-section{background-color:#7a6969;background-position:50%;background-size:cover;border-bottom:10px solid #585151}.title-textbox{color:#414040;text-shadow:0 0 5px #fff}.cms-display-item-card{text-align:center;background-color:#fff;border:10px solid #000;flex-direction:column;justify-content:center;transition:background-color .2s;display:flex}.cms-display-item-card:hover{cursor:pointer;background-color:#c5c0c0}.terms-of-service-page{flex-direction:column;justify-content:center;align-items:center;display:flex}.terms-of-service-page .section-header{opacity:1;text-align:center;width:90%;padding:0 20px;font-size:small}.terms-of-service-content{text-align:center;background-color:#fff;border:5px solid #000;width:90%;height:fit-content}.body-content{text-align:left}.body-content a{color:#00f;padding:0;text-decoration:underline}.body-content a:hover{padding:0 5px}.navbar .section{margin-bottom:0}.section{flex-direction:column;justify-content:center;align-items:center;margin-bottom:30px;display:flex}.section-header{text-align:center;opacity:.8;background-color:#fff;border:2px solid #000;width:80%;padding:30px 10px;line-height:normal}.about-content-title .section-header{padding:0 10px}.split-section{grid-template-columns:minmax(0,2fr) minmax(0,2fr);display:grid}.footer .split-section div{gap:10px;font-size:small;line-height:30px;display:flex}.right-split-section{grid-template-columns:minmax(0,1.4fr) minmax(0,2fr)}.left-split-section{grid-template-columns:minmax(0, 2fr), minmax(0, 1.4fr)}.footer .split-section{width:100%;padding:10px}.footer .split-section .buttonBox{flex-direction:column;align-items:baseline;display:flex}.split-section .section{background-color:#2b2a2a;border-left:5px solid gray;border-right:5px solid gray;justify-content:center;align-items:center;display:flex}.titleDesc{color:gray;font-weight:400}.split-section .img{background-size:cover;width:100%}.split-section .titleHeader{font-size:40px}.split-section .section-header{box-sizing:border-box;border-radius:10px;width:100%;box-shadow:0 0 10px 10px #fff}nav{justify-content:space-between;align-items:center;display:flex}.navbar{background-image:linear-gradient(90deg,#575555,#e0e0e0,#8b8b8b);border-bottom:2px solid #000;flex-direction:row;margin-bottom:20px;box-shadow:5px 1px 20px 3px}.footer{background-color:#f5f5f5;border-top:2px solid #000;flex-direction:column;margin-top:20px}.title-img{transition:background-color .2s}.title-img:hover{cursor:pointer;background-color:#faebd7}.navbar .buttonBox{background-color:#fff;border:2px solid #000;flex-direction:row;align-items:center;gap:5vw;margin-right:20px;padding:10px;display:flex}.footer .buttonBox a{padding:3px 5px}a,button{color:#000;border:1px solid gray;padding:10px;text-decoration:none;transition:color .2s,background-color .2s}a:hover{color:#fff;background-color:#a9a9a9}.buttonBox{margin-top:10px}.navbar-large-display{flex-direction:row;align-items:center;margin-right:20px;display:flex}.navbar-small-display{display:none}.navbar-small-display-button{width:10vw;height:50px;margin-right:2vw}.navbar-small-display-menu{text-align:center;flex-direction:column;gap:0;display:flex}.about-content-card-title{padding:0 10px;transition:background-color .1s,padding .2s}.about-content-card-title:hover{cursor:pointer;background-color:gray;padding:0 50px}.about-content-parent{background-color:#a9a9a9;padding:10px}.navbar-user-profile{align-items:center;gap:10px;display:flex}.navbar-user-profile-text{margin:0}.navbar-user-profile-button{cursor:pointer;background-color:#fff;border:1px solid #000;padding:5px 10px}.navbar-user-profile-button:hover{background-color:#d3d3d3}.navbar-user-profile-button{text-align:center;width:100%;padding:5px 6px}.navbar-user-profile-login-button{background-color:#99a2a5;font-size:20px}.navbar-user-profile-login-button:hover{color:#fff;background-color:#858e91}@media (width<=765px){.navbar .buttonBox{border:0;flex-direction:column;gap:2vw;margin-right:0}.navbar-user-profile{flex-direction:column;gap:5px}.section.section.navbar-large-display{display:none}.section.img-section{font-size:small;display:none}.navbar-small-display{display:block}.navbar-small-display-menu{z-index:999;background-color:#fff;border:1px solid #000;padding:10px 5px;position:absolute;right:3vw}.split-section{display:block}.footer .split-section div{text-align:center;flex-direction:column;align-items:center;display:flex}}.navigator{justify-content:center;align-items:center;gap:10px;display:flex}.login-section{background-color:#000}.login-form{background-image:linear-gradient(90deg,#c0bdbd,#e0e0e0,#c0bdbd);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:60vh;display:flex}.login-form-group{flex-direction:column;width:60%;margin-bottom:10px;display:flex}.login-form-group input{border:1px solid #ccc;border-radius:4px;padding:10px}.login-form-group label{margin-bottom:5px;font-weight:700}.login-intro-section .section-header{padding:10px}.register-section{background-image:linear-gradient(90deg,#c0bdbd,#e0e0e0,#c0bdbd);border:10px solid #a39d9d;padding:20px}.register-intro-section .section-header{padding:10px}.register-form{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.register-form-group{flex-direction:column;align-items:center;width:100%;margin-bottom:20px;display:flex}.register-form-group label{margin-bottom:5px}.register-form-group input{width:70%;padding:10px}.register-form button{cursor:pointer;padding:10px 20px}*{box-sizing:border-box}.info{color:#666;background-color:#f9f9f9;border-radius:4px;margin-top:1rem;padding:.5rem;font-size:.9rem}.page-header{color:#000;text-align:center;background-color:gray;margin-bottom:3vw;padding:1vw}.tag-container{flex-direction:row;gap:3vw;padding:1vw;display:flex}.project-card-percentage{text-align:center;border-radius:10px;max-width:fit-content;padding:8px}.project-card{background-color:#ffffffb3;border-radius:5px;padding:20px}.project-card-tags-parent{flex-direction:row;gap:3vw;display:flex}.project-card-tag{background-color:beige;border:3px solid #000;border-radius:10px;padding:5px}.finished-project-card{background-color:#ffffffb3;border-radius:10px;flex-direction:column;align-items:center;padding:10px;transition:padding .5s;display:flex}.finished-project-card:hover{padding:60px}.finished-project-card-version-text{color:#fff;background-color:#a9a9a9;border:3px solid #000;border-radius:10px;padding:10px;transition:padding .5s}.about-title-card{color:bisque;background:linear-gradient(gray,#aaa8a8) padding-box padding-box,linear-gradient(90deg,#fff,gray,#fdfbfb) border-box;border:5px solid #0000;min-width:fit-content;padding:0;font-size:large}.about-content-title{background:linear-gradient(#000,gray,#000) padding-box padding-box,linear-gradient(90deg,#302f60,gray,#302f60) border-box;border:10px solid #0000;margin-top:50px;padding:10px 20px}.about-content-card{background-color:#c7c2c2;padding:2px 20px}.about-content-card .split-section{border-bottom:5px solid #000;align-items:center}.about-title-card img{width:30vw;min-width:100px;max-width:200px}.about-content-title a,.about-content-card a{color:#00f;border:none;padding:0;text-decoration:underline}.about-content-card img{max-width:100%}.error-text{color:red}.contact-us-page{padding:20px}.form-page{background-color:#fff;flex-direction:column;align-items:center;gap:2rem;padding:2rem;display:flex}.form-group{flex-direction:column;gap:1rem;display:flex}.form-navigation{justify-content:center;align-items:center;gap:1rem;display:flex}