@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap";.login-holder{height:71.75vh}.login-container{width:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px auto;padding:40px 0;min-height:500px}.login-form{display:flex;flex-direction:column;width:80%;row-gap:20px}#login-col{display:flex;flex-direction:column}#login-button{background-color:#000;color:#fff;border:none;border-radius:15px;height:40px;justify-self:center;cursor:pointer}#login-button:disabled{background-color:gray;cursor:default}#demo-button{width:80%;background-color:#000;color:#fff;border:none;border-radius:15px;height:40px;justify-self:center;cursor:pointer;margin-top:10px}.sign-up-holder{width:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px auto;padding:40px 0;min-height:500px}.sign-up-form{display:flex;flex-direction:column;width:65%;row-gap:10px}.errors{color:red}#signup-button{background-color:#000;color:#fff;border:none;border-radius:15px;height:40px;justify-self:center}#signup-button:disabled{background-color:gray}#signup-button:enabled:hover{cursor:pointer}.last{padding-bottom:20px}.home-all-questions-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column;padding-top:50px}.home-question{border:3px solid #ccc;padding:40px;margin:10px;width:550px;box-shadow:5px 5px 4px #00000057;border-radius:2%}.home-title{font-size:large}.home-preview{font-weight:400;font-size:medium;overflow:hidden}.home-title{font-size:25px;font-weight:700;word-wrap:break-word;display:inline}.home-body{min-height:600px;margin-top:10px;word-wrap:break-word;height:fit-content}.home-tags-display{display:flex;flex-wrap:wrap;gap:5px;overflow:hidden}.home-tag{background-color:#d9d9d9;border-radius:5%;padding:5px;word-break:break-word}.home-author{margin:7px 0 0;padding:0;font-weight:600;font-size:medium}.home-date{margin-top:10px}.home-tags-container{border:1px solid #ccc;width:20%;position:absolute;right:0;height:75%}.home-links a,.home-group-links a{padding:0 4px;text-decoration:none;cursor:pointer}.home-logo:hover{cursor:pointer}.home-tagListItem{text-decoration:underline}.home-tagListItem:hover{cursor:pointer}.home-questionLink,.home-questionLink:visited{color:#000}.home-title:hover{cursor:pointer;text-decoration:underline}.home-popularity{position:absolute;min-height:400px;width:400px;border:2px solid;left:1%;display:flex;flex-direction:column;align-items:center;row-gap:2px;box-shadow:5px 5px 4px #00000057;border-radius:5px}.home-popularity-holder{display:flex;flex-direction:column;row-gap:15px;align-items:center;justify-content:center;padding:5px 0 25px}.home-popularity-tile{margin:0;padding:5px;width:90%;word-break:break-all}.popularity-link{padding:5px;margin:0;font-weight:700;border:2px solid;box-shadow:5px 5px 4px #00000057;border-radius:5px}.popularity-link:hover{text-decoration:underline;cursor:pointer;box-shadow:2px 2px 4px #00000057}.home-filter{position:fixed;top:15%;right:1%;padding:5px;border:5px solid;width:235px;height:450px;background-color:#e1e1e1;border-radius:2rem;box-shadow:5px 5px 4px #00000057}.home-filter-select{height:300px;overflow:hidden;display:flex;flex-direction:row;flex-wrap:wrap;overflow-y:scroll;width:100%;background-color:#fff;column-gap:500px}.tagVisualFilter{display:flex}.searchBarVisual{margin-right:15%;display:flex;padding:0;align-items:center;background-color:#fff;border:1px solid;width:200px;color:#000;font-size:16px;column-gap:5px}.searchBar{border:none;width:100%;font-size:16px}.searchBar:active{border:none}.spinner{margin-top:30px;font-size:2rem;animation-name:spinner;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-out}@keyframes spinner{0%{scale:1;transform:rotate(0)}to{scale:1;transform:rotate(720deg)}}.mobilefilter{position:relative}.filter-drop-down{position:absolute;padding:5px;width:235px;height:300px;border-radius:2rem;z-index:3;display:flex;flex-direction:column;gap:50px;box-sizing:border-box;justify-content:center}@media screen and (max-width:1374px){.home-popularity{display:none;z-index:0}.tag-drop-down{display:inline-block}.home-filter{display:none}.filter-by{display:inline-block}}@media screen and (min-width: 1374px){.tag-drop-down,.filter-by,.filter-drop-down{display:none}}.filter-by{position:relative;gap:5px;justify-content:center;align-items:center;cursor:pointer}.search{height:50px;width:100%;align-items:center;justify-content:center}.filter-select{height:300px;overflow:hidden;display:flex;flex-direction:row;flex-wrap:wrap;overflow-y:scroll;width:100%;background-color:#fff;column-gap:500px;border:1px solid lightgrey}@media screen and (max-width:775px){.filter-drop-down{right:2%}}.display-question-container{display:flex;flex-direction:column;align-items:center;padding-top:50px;padding-bottom:50px;width:100%}.display-question{width:475px;font-size:24px;font-weight:700;margin-bottom:10px;word-wrap:break-word}.display-author{margin:7px 0 0;padding:0;font-weight:600;font-size:medium}#display-question-button{padding-top:25px;width:100%;margin:0 30%;display:flex;justify-content:center;align-items:center}#display-save-button{margin-top:1%}.display-dates{margin-bottom:10px}#display-body{display:flex;flex-direction:column;align-content:center;justify-content:center}.display-body p{word-break:break-all}.display-tags-display{display:flex;flex-wrap:wrap;gap:15px 10px;margin-top:10px;font-size:small}.display-tag{margin:0%;background-color:#d9d9d9;border-radius:5%;padding:5px;word-break:break-word}.display-answers-containers{margin:0 30%;max-width:100%;border-radius:5px;display:flex;flex-direction:column;align-items:center}.display-answers-container h2{font-size:24px;font-weight:700;margin-bottom:20px}.display-answer-tile{border:2px solid;padding:10px;margin-bottom:10px;border-radius:5px;width:100%;box-shadow:5px 5px 1rem #00000080}.display-answer-tile p{margin-bottom:10px;word-break:break-all}#display-user-info{display:flex;justify-content:space-between;font-size:14px;color:#666}.display-write-answer{margin-top:20px;display:flex;flex-direction:column}.display-write-answer h3{font-size:20px;font-weight:700;margin-bottom:10px}.display-texts{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}.display-submit{display:flex;margin-left:auto;font-size:16px;padding:5px 10px;border:none;border-radius:5px;background-color:#041629;color:#fff;cursor:pointer}.display-submit-btn{padding-top:10px;display:flex}.display-links a,.display-group-links a{padding:0 4px;text-decoration:none;cursor:pointer}#display-can-click:hover{cursor:pointer;color:#111}#display-can-click:hover{cursor:pointer;color:#3d3d3d}.display-main-question{border:2px solid;max-width:600px;margin-bottom:50px;padding:20px;border-radius:5px;box-shadow:5px 5px 1rem #00000080}.display-submit:disabled{background-color:gray}.display-question-bottom{display:flex;align-items:center;justify-content:space-between}.placeholder{display:flex;flex-direction:column;align-items:center;min-height:600px}.manage-questions-container{display:flex;flex-direction:column;align-items:center;padding:50px}.manage-display-questions-container{width:600px;margin-bottom:50px;padding:20px;border-radius:5px}#manage-questions-overview{text-align:center;margin-bottom:20px}#manage-questions-overview h2{font-size:24px;font-weight:700;margin-bottom:10px}#manage-questions-overview h3{font-size:20px;font-weight:700}.manage-question-tile{word-wrap:break-word;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;border:3px solid #ccc;padding:40px;margin:10px;width:550px;box-shadow:5px 5px 4px #00000057;border-radius:2%}.manage-question-info>p{word-break:break-all}.manage-tile-tags-container{border:1px solid #ccc}.manage-questionLink{color:#000;text-decoration:none;cursor:pointer}.manage-questionLink:hover{cursor:pointer;text-decoration:underline}.manage-tag-display{display:flex;flex-wrap:wrap;gap:5px;overflow:hidden}.manage-tag{background-color:#d9d9d9;border-radius:5%;padding:5px;word-break:break-word}.manage-btn{display:flex;flex-direction:row;gap:8px}.manage-update{padding:5px 10px;border:none;border-radius:5px;background-color:#041629;color:#fff;cursor:pointer}.manage-author{margin:7px 0 0;padding:0;font-weight:600;font-size:medium}.manage-questions-container-none{display:flex;flex-direction:column;align-items:center;padding-top:50px;height:71.75vh}.manage-noQuestions{text-align:center}.manage-nav-link{text-decoration:none;color:#000;font-size:larger;font-weight:700}.manage-nav-link:hover{text-decoration:underline;color:#000}.saved-questions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}#save-question-title{font-size:25px;font-weight:700;word-wrap:break-word;display:inline;margin-top:0}#save-question-title:hover{cursor:pointer;text-decoration:underline}.save-author{margin:7px 0 0;padding:0;font-weight:600;font-size:medium}.saved-questions{width:600px;background-color:#fff;border-radius:5px}.save-container{display:flex;flex-direction:column;align-items:center;padding-top:50px;min-height:550px}#save-information{text-align:center;margin-bottom:20px}#save-information h2{font-size:24px;font-weight:700;margin-bottom:10px}#save-information h3{font-size:20px;font-weight:700}.saved-questions{display:flex;flex-wrap:wrap;justify-content:center}.save-question-container{word-wrap:break-word;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;border:3px solid #ccc;padding:40px;margin:10px;width:550px;box-shadow:5px 5px 4px #00000057;border-radius:2%}.save-question-container p,.save-question-container span{margin-bottom:5px;word-break:break-word}.save-question-container button{margin-top:auto}.save-tags-display{display:flex;flex-wrap:wrap;gap:5px;overflow:hidden}.save-tag{background-color:#d9d9d9;border-radius:5%;padding:5px;word-break:break-word}.unsave-button{padding:5px 10px;border:none;border-radius:5px;background-color:#041629;color:#fff;cursor:pointer}.unsave-button:hover{cursor:pointer}.center-align{text-align:center}.save-container-none{display:flex;flex-direction:column;align-items:center;padding-top:50px;height:71.75vh}.tagVisualFilterInput{cursor:pointer}.paginationNav{display:flex;justify-content:center;align-items:center;column-gap:10px}.inActive{color:gray}.inActive:hover{cursor:pointer;text-decoration:underline}.Active{color:#8a2be2;text-decoration:underline;cursor:default}.decoratorPageNums:hover{text-decoration:underline;cursor:pointer}header{display:flex;align-items:center;justify-content:space-between;background-color:#a83737;color:#fff;padding:10px}.ask-logo{font-size:24px;font-weight:700}.ask-about{display:flex;align-items:center}.ask-about span{margin-right:10px}.ask-about input{padding:5px;border:none;border-radius:5px;background-color:#fff;color:#333}.ask-about input::placeholder{color:#ccc}.ask-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;max-width:800px;padding:40px 20px;background-color:#f2f2f2;border-radius:5px;box-shadow:0 2px 5px #0000001a}.ask-question-form{display:grid;grid-template-columns:1fr;gap:10px}.ask-question-form h2{text-align:center}.ask-question-form label{display:block;font-weight:700}.ask-question-form textarea{height:200px;padding:5px;border:none;border-radius:5px}.ask-tags{gap:10px;overflow-y:auto;height:400px}.ask-tags h3{text-align:center}.ask-tags input[type=text]{padding:5px;border:none;border-radius:5px}.ask-tags #ask-add-tag{padding:5px 10px;border:none;border-radius:5px;background-color:#4caf50;color:#fff;cursor:pointer}.ask-tags #ask-add-tag:hover{background-color:#45a049}.ask-tags #ask-tag-list{list-style-type:none;padding:0}.ask-tags #ask-tag-list li{display:inline-block;margin-right:5px;padding:5px;border:1px solid #ccc;border-radius:5px;background-color:#f2f2f2}.ask-tags #ask-tag-list li:hover{background-color:#ddd}#ask-discard-btn{background-color:#000;color:#fff;border:none;border-radius:15px;width:300px;height:40px;justify-self:center}#ask-discard-btn:enabled:hover{background-color:#000;color:#fff;border:none;border-radius:15px;width:300px;height:40px;justify-self:center;cursor:pointer}#ask-discard-btn:disabled{background-color:gray}#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:#fff}#profile-bar{width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:10px;max-height:200px}#profile-button:hover{cursor:pointer}.profile-button{position:relative;width:70px;height:32px;border-radius:50px;border-width:1px;outline:none;background-color:#fff;transition:0s box-shadow;display:flex;justify-content:space-around;align-items:center}.profile-button:hover{box-shadow:0 2.5px 2.5px #6c6c6c2e;transition:.15s;cursor:pointer}.menu-icon{height:100%;display:flex;align-items:center;justify-content:center;width:50%;padding-left:3px}.profile-icon{height:100%;display:flex;align-items:center;justify-content:center;width:50%;padding-right:3px}.hidden{display:none}.profile-dropdown{position:absolute;z-index:1;top:55%;right:2%;margin-left:auto;height:200px;width:180px;background-color:#fff;box-shadow:0 0 5px #4948482e;border-radius:10px;display:flex;flex-direction:column;gap:10px;align-items:start;justify-content:center}ul{list-style-type:none}.extra-info{border-top:1px solid #d5d5d5;display:flex;flex-direction:column;justify-content:space-between}#log-in-sign-up{display:flex;height:100px;flex-direction:column;justify-content:space-around;padding-left:2%;align-items:center}.modal-text:hover,.model-text.item:hover{cursor:pointer}#user-menu:hover{cursor:default}#user-menu{display:flex;flex-direction:column;gap:5px;align-items:center;padding:5%}#manage-spots{text-decoration:none;color:#000}#manage-spots:hover{text-decoration:underline;cursor:pointer}#greeting{font-size:12pt;padding-top:5%}#user-info{display:flex;flex-direction:column;align-items:center;padding-bottom:10%;padding-top:5%;border:1px solid #d5d5d5;border-top:none;border-left:none;border-right:none}#logout-button{background:none;border:none;color:inherit;font:inherit;padding:0;text-decoration:none}#logout-button:hover{text-decoration:underline}.link{font:12pt}.link:hover{text-decoration:underline}.menu-links{display:flex;flex-direction:column;gap:10px;padding-top:5%}.profile-dropdown button{background-color:#062708;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer}.nav-link-user{text-decoration:none;color:#000}.nav-link-mobile{display:none;text-decoration:none;color:#000}.nav-link-user:hover,.nav-link-mobile:hover{text-decoration:underline}@media screen and (max-width:775px){.nav-link{display:none}.nav-link-mobile{display:inline}}.profile-dropdown{position:absolute}.navbar{display:flex;background-color:#c7c7c7;justify-content:space-between;align-items:center;padding:10px;box-shadow:0 1px #000}.logo{font-size:24px;font-weight:700}.search{display:flex;align-items:center}.search p{padding-right:10px}.search input{padding:5px;border:1px solid #ccc;border-radius:5px}.login button,.signup button{padding:5px 10px;border:none;border-radius:5px;background-color:#041629;color:#fff;cursor:pointer}.login button:hover,.signup button:hover{cursor:pointer}.nav-link{text-decoration:none;color:#000}.nav-link:hover{text-decoration:underline}#logged-container{display:flex;flex-direction:row;align-items:center;justify-content:center}#saves-creations{display:flex;column-gap:30px;margin-right:50px}#profile{margin-left:auto;position:relative}.signup{margin-left:10px}.login,.signup{display:flex;align-items:center}.questions-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column;padding-top:50px}.question{border:1px solid #ccc;padding:10px;margin:10px;width:300px}.title,.preview{border:1px solid #ccc}.question:hover{cursor:pointer}.title{font-size:20px;font-weight:700}.body,.tags,.author,.date{margin-top:10px}.tags-container{border:1px solid #ccc;width:20%;position:absolute;right:0;height:75%}.links a,.group-links a{padding:0 4px;text-decoration:none;cursor:pointer}.links-display{display:flex;flex-wrap:wrap;gap:15px}.link-icons{font-size:1.75rem}.link-icons>a>*:hover{color:#c7c7c7}.footer{min-height:100px;position:relative;display:flex;justify-content:center;align-items:center;background-color:#041629;text-align:center;bottom:0;width:100%;background-color:#333;color:#fff;padding:10px}.logo:hover{cursor:pointer}.footer ul{list-style-type:none;padding:0;display:flex;justify-content:center}.footer li{margin:0 10px}.footer a{color:#fff;text-decoration:none}.footer a:hover{text-decoration:underline}*{font-family:sans-serif;box-sizing:border-box}body{height:100%;position:relative;margin:0;padding:0}.logoDiv{display:flex;flex-direction:row;height:87.5px;width:250px;padding:0;margin:0}.logoDiv:hover{cursor:pointer}#logoPhoto{height:100%;width:100%}:root{height:100vh}#root{height:100%}