@import"https://fonts.googleapis.com/css?family=Comfortaa:400,700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #ff4167;--secondary: #a454ff;--infoBtn: #2491ff;--background: #d7d7d7;--regBtn: #333333;--mainFont: "Albert Sans" }.text-gradient{color:#ff4066;background-image:linear-gradient(45deg,#ff4066 26%,#a454ff 98%,#80f0e3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}html,body,#root{min-height:100vh;max-width:100vw;background-color:var(--background);font-family:var(--mainFont)}.universalHeader{color:var(--secondary);font-weight:700;font-family:Comfortaa}.loader{width:48px;height:48px;border-radius:50%;display:inline-block;position:relative;border:2px solid var(--primary);box-sizing:border-box;animation:rotation 1s linear infinite;margin:0 auto}.loader:after{content:"";box-sizing:border-box;position:absolute;left:4px;top:4px;border:2px solid var(--secondary);width:12px;height:12px;border-radius:50%}#homeContainer{display:flex;justify-content:center;padding:1rem;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}#blogFeedContainer{padding:1rem;display:flex;flex-direction:column;gap:1rem;width:clamp(355px,80%,700px)}#blogFeedContainer>.postContainer{display:flex;flex-direction:column;line-height:1.5;background-color:#fff;border-radius:1.5rem;padding:1rem;gap:.5rem;box-shadow:#959da533 0 8px 24px;object-fit:contain;position:relative;overflow-wrap:anywhere}#blogFeedContainer>.postContainer>p{word-break:break-word;overflow-wrap:anywhere}.postContainer>h3{word-break:break-word;overflow-wrap:anywhere;margin-bottom:.5rem}.postMedia{max-width:100%;background:#fff;background:linear-gradient(90deg,#cecece,#ebebeb,#e0e0e0);border-radius:.5rem}#blogFeedContainer>.postContainer>.postHeader>.nameAndProfilePicContainer>.postAuthor{font-weight:700;display:flex;justify-content:space-between;font-family:Arial;cursor:pointer}#blogFeedContainer>.postContainer>.postHeader>.nameAndProfilePicContainer>.postAuthor:hover{color:var(--primary);text-decoration:underline;cursor:pointer}.postTimestamp{font-family:var(--mainFont);font-weight:700}.nameAndProfilePicContainer{display:flex;align-items:center;gap:.5rem}.postInformation{display:flex;align-items:center;margin-top:.5rem;justify-content:space-between}.postFunctions{display:flex;gap:.5rem}.postFunctionBtn{background:none;border:none;font-size:1rem;cursor:pointer;font-family:var(--mainFont);color:#fff;border-radius:1rem;transition:.15s;background-color:#333;padding:.5rem;display:flex;align-items:center;gap:.5rem}.postFunctionBtn:hover{background-color:maroon}.commentInput{outline:none}.pollOption,.hasVoted{border:none;padding:.8rem;font-weight:700;border-radius:1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:.15s;gap:4rem;background-color:var(--regBtn);background-color:color-mix(in srgb,var(--regBtn) 90%,transparent);color:#fff}.hasVoted{background-color:green;color:#fff}#pollView,#postView{display:none}.pollClosed{border:none;padding:.8rem;font-weight:700;border-radius:1rem;display:flex;align-items:center;justify-content:space-between;cursor:default;transition:.15s;gap:4rem;background-color:var(--regBtn);background-color:color-mix(in srgb,var(--regBtn) 90%,transparent);border:var(--primary) 1px solid;color:#fff}.pollOption:hover{background-color:#122f00}.checkAnswers{display:flex;align-items:center;gap:.5rem}.votePercentageContainer{width:120px}.votePercentage{display:flex;align-items:center;justify-content:end;gap:.5rem}.optionText{font-size:.8rem;word-break:break-word;overflow-wrap:anywhere;text-align:left}.viewVotes{color:#fff;background-color:var(--infoBtn);border:none;padding:.3rem;border-radius:.5rem;cursor:pointer}.checkAnswers>button:hover{background-color:var(--regBtn)}#totalVotesCount{color:gray}#moodleBackButton{background:none;border:none;border-radius:50%;width:50px;height:50px;font-size:2rem;color:#fff;cursor:pointer;transition:.15s;background-color:var(--primary);align-self:start}#moodleBackButton:hover{background-color:var(--secondary);color:#fff}.openPostInformationMoodle{width:clamp(60%,500px,40%);height:70%;border-radius:1rem;background-color:#fff;position:fixed;z-index:1000;padding:2rem;pointer-events:all;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px;display:flex;flex-direction:column;gap:2rem;font-family:var(--mainFont)}#pollInformationContainer{display:flex;justify-content:space-between;gap:1rem;background-color:#eaeaea;border-radius:1rem;padding:1rem;overflow-y:auto}#pollQuestionContainer{width:80%;display:flex;flex-direction:column;gap:.5rem;font-family:Arial;line-height:1.3}#votersContainer{width:40%;overflow-y:auto}.static{opacity:0;display:none}.voter{display:flex;align-items:center;gap:.5rem;padding-top:.5rem;padding-bottom:.5rem}.voter>img{height:30px;width:30px;border-radius:50%}#listOfVotes{display:flex;flex-direction:column;width:60%;padding:.5rem;border-right:1px lightgrey solid;gap:1rem;overflow-y:auto}.voteItem{display:flex;flex-direction:column;align-items:start;gap:1rem;justify-content:space-between;padding-inline:.3rem;padding:.5rem}.voteItem:hover{border-radius:.5rem;background-color:gray;color:#fff;cursor:pointer}.selectOption{word-break:break-word;overflow-wrap:break-word}.optionVotes{background-color:var(--primary);max-width:105px;border-radius:10px;padding:.3rem;color:#fff;font-family:var(--mainFont);word-break:normal;white-space:nowrap}.selectOption{cursor:pointer;padding-inline:.2rem;padding-top:.5rem;padding-bottom:.5rem;border-radius:.5rem;transition:.15s}.closePostInformationMoodle{opacity:0;pointer-events:none}.commentsElementContainer{display:none;flex-direction:column;background-color:#fff;margin-top:1rem;width:100%;height:500px;justify-content:space-between;gap:1rem}.commentContainer{overflow-y:auto;padding:.5rem}.commentFunctions{display:flex;gap:.5rem}.comment{display:flex;flex-direction:column;gap:1.5rem}.comment>.commentBlock{display:flex;flex-direction:column;gap:.5rem;background-color:#ececec;padding:1rem;border-radius:1rem;box-shadow:#0000000d 0 1px 2px}.comment>.commentBlock>.commentHeader{display:flex;justify-content:space-between;align-items:center}.comment>.commentBlock>.commentHeader>.commentWhoPostedContainer{display:flex;align-items:center;gap:.5rem}.comment>.commentBlock>.commentHeader>.commentWhoPostedContainer>.commentProfilePic{width:30px;height:30px;border-radius:50%;object-fit:cover}.comment>.commentBlock>.commentText{color:#000;border-radius:1rem;word-break:break-word;white-space:pre-wrap;padding:.5rem;display:flex;align-items:center;gap:.5rem}.commentFunctions>input{width:80%;border-radius:.5rem;border:1px solid grey;padding:.5rem}.commentAuthor:hover{text-decoration:underline;color:var(--primary);cursor:pointer}.postCommentBtn{--color: var(--primary);font-family:inherit;display:inline-block;width:8em;height:2.6em;line-height:2.5em;position:relative;cursor:pointer;overflow:hidden;border:2px solid var(--color);transition:color .5s;z-index:1;font-size:15px;border-radius:.5rem;font-weight:500;color:var(--color)}.postCommentBtn:before{content:"";position:absolute;z-index:-1;background:var(--color);height:150px;width:200px;border-radius:50%}.postCommentBtn:hover{color:#fff}.postCommentBtn:before{top:100%;left:100%;transition:all .7s}.postCommentBtn:hover:before{top:-30px;left:-30px}.postCommentBtn:active:before{background:#3a0ca3;transition:background 0s}.blackScreen{background-color:#000;opacity:.8;position:fixed;top:0;z-index:1000;height:100vh;width:100vw}#moodleContainer{height:80vh;width:100vw;background:none;position:fixed;z-index:1001;display:grid;place-items:center;pointer-events:none}#moodleTitle{display:flex;align-items:center;justify-content:space-between;word-break:break-word;gap:5rem}#elementContainer{width:clamp(300px,60%,800px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--mainFont)}.moodleTitle{padding:0 0 1rem 0rem}.createPostFormLabel{font-weight:700}#createMenuContainer{display:flex;gap:1rem;max-width:800px;max-height:100vh}#createPostForm{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:600px}#createPostForm>#imageInsertContainer{display:flex;flex-direction:column;align-items:left;width:100%;gap:1rem}#createPostForm>#imageInsertContainer>input{color:var(--secondary)}#file{display:none}#imagePreview{height:100%;width:100%;object-fit:contain;border-radius:1rem}#selectImage{width:30%;background-color:#d3d3d3;border-radius:1rem;padding:1rem;cursor:pointer}#selectImage:hover{background-color:var(--secondary);color:#fff}#createMenuOptions{display:flex;width:50%;gap:1rem;list-style-type:none;border-radius:1rem;margin-bottom:1rem}#createMenuOptions>li{width:50%;border:none;padding:.5rem;border-radius:.5rem;font-weight:700;background-color:#e1e6f9;color:#6c2eb7;cursor:pointer;transition:background .2s,color .2s;text-align:left;font-family:var(--mainFont);font-size:.9rem}#createMenuOptions>li:hover{background-color:#500000;color:#fff}#createMenuOptions>li:focus{color:red;border:1px solid purple}#createMenuContent{padding:2rem}#createMenuContent{width:100%;background-color:#fff;border-radius:1rem}.createPostFormInputTitle{width:100%;height:40px;padding:.5rem;outline:none;max-width:800px;max-height:200px;border:1px solid grey;border-radius:1rem;font-family:Arial;font-size:1rem}.createPostFormInput{padding:.5rem;border-radius:1rem;border:1px solid grey;max-width:100%;width:100%;resize:none;outline:none;font-family:Arial;font-size:1rem}#functionBtns{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}#addPollOptionButton,#removePollOptionButton{max-width:400px;padding:.5rem;color:#fff;font-weight:700;border-radius:.5rem;border:none;cursor:pointer;transition:.1s}#removePollOptionButton{background-color:#dc143c;margin-top:.5rem;margin-bottom:.5rem}#addPollOptionButton{margin-left:auto;background-color:var(--infoBtn)}.emptyPostContainer{display:flex;justify-content:center;background-color:var(--regBtn);border-radius:1rem;color:#fff;padding:1rem;font-family:var(--mainFont);font-weight:700}#submitTextBtn{background-color:var(--primary);color:#fff;font-size:1rem;margin-left:auto;padding:.5rem;padding-inline:1rem;border:none;font-weight:700;border-radius:1rem;cursor:pointer}#removePollOptionButton:hover{background-color:#9c102c}#addPollOptionButton:hover{background-color:#00008b}#submitTextBtn:hover{transition:.15s;background-color:#4d1092}.successMessage{color:green;font-weight:700}#carefulText{font-weight:700;color:#ff4500}.attentionText{color:#dc143c;font-weight:700}@media (max-width: 768px){#elementContainer{width:98%;padding:.5rem}#createMenuContainer{background-color:#fff;padding:0rem;display:flex;flex-direction:column;border-radius:1rem}#selectImage,#createMenuOptions{width:100%}#profileSection{display:none}#mobileNavButton{display:block}#createMenuOptions{flex-direction:row;justify-content:center;border-bottom:1px solid rgba(150,149,149,.297)}#homeContainer{padding:0rem;display:block;margin:0}#homeContainer>#blogFeedContainer>.postContainer{box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px;border-radius:1rem}#blogFeedContainer{width:100%;gap:.5rem;padding:.5rem}}@media (max-width: 768px){#moodleContainer{height:100vh;width:100vw;background:none;position:fixed;z-index:1000;display:flex;justify-content:center;align-items:start;margin-top:0%;pointer-events:none}.openPostInformationMoodle{max-width:none;width:98%;height:80%;padding:0rem;position:relative}#moodleTitle{padding:1rem}#moodleBackButton{background:none;color:#000}#votersContainer,#listOfVotes{width:50%}.voteItem{flex-direction:column;align-items:start;padding:.5rem}.openPostInformationMoodle>#pollInformationContainer{background:none;height:auto;max-width:100%;padding:0}}#sidenavContainer{display:flex;flex-direction:column}#profileSection{margin:1rem;max-width:500px;width:300px;background-color:#fff;border-radius:1.5rem;padding:1rem;position:sticky;align-self:flex-start;top:6rem;box-shadow:#959da533 0 8px 24px}#scrollButtons{display:flex;justify-content:space-between;position:sticky;top:32rem;gap:1rem;padding:1rem}#scrollButtons>a{text-decoration:none;color:#fff;background-color:var(--primary);padding:.5rem;border-radius:1rem;transition:.15s;width:100%}#scrollButtons>a:hover{background-color:var(--regBtn);transform:translateY(-.3rem)}.sideNavButton{background:none;width:100%;border:none;padding:.5rem;cursor:pointer;font-weight:700;transition:.15s;display:flex;align-items:center;justify-content:left;gap:.5rem;font-family:var(--mainFont);font-size:.9rem;color:color-mix(in srgb,var(--primary) 70%,black 30%);border-radius:2rem}#sideNavTitle{font-family:var(--mainFont);color:gray;margin-top:1rem}.sideNavButton>i{box-shadow:#f905050d 0 7px 29px;color:var(--primary);font-size:1.5rem;padding:.5rem;border-radius:.5rem}.sideNavButton:hover{background-color:var(--primary);color:#fff}.sideNavButton:hover>i{color:#fff}#sideNavButtonContainer{display:flex;flex-direction:column;gap:.5rem}#pictureSelectorContainer{display:flex;align-items:center;gap:.5rem;padding-left:1rem;justify-content:left;margin-bottom:1rem}#pictureSelectorForm{display:flex;gap:.5rem;align-items:center}#userRoleContainer{display:flex;flex-direction:column;align-items:start;gap:.5rem}#userRole{color:gray}#defaultPfPic{width:50px;height:50px;border-radius:50%;transition:.3s;object-fit:cover}#pictureSelector:hover+#defaultPfPic{transform:translateY(7px)}#pictureSelector{background-color:#00f;width:100px;border:none;height:150px;border-radius:50%;opacity:0;cursor:pointer;position:absolute;z-index:100}