body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin}.App-header{align-items:flex-center;background-attachment:fixed;background-color:#8f1514;color:#fff;display:flex;flex-direction:row;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.deletePost{width:100%}.deleteIcon{float:right}.settings{width:100%}.link-button{background-color:initial;border:none;cursor:pointer;display:inline;margin:0;outline:none;padding:0}.link-button:active,.link-button:focus,.link-button:hover{outline:none;text-decoration:none}.submitbutton{background-color:blue;border-radius:5px;margin:10px}.no-suggestions{color:#999;padding:.5rem}.autocomplete input{width:calc(300px + 1rem)}.autocomplete{min-height:165px}.suggestions{border:2px solid #000;border-top:0 solid #000;display:inline-block;font-family:Oswald;font-size:1.5em;list-style:none;margin-top:0;max-height:200px;overflow-y:auto;padding-left:0;position:relative;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000;width:calc(300px + 1rem)}.suggestions li{padding:.5rem}.suggestion-active,.suggestions li:hover{background-color:#242525;color:#8f1514;cursor:pointer;font-weight:700}.suggestions li:not(:last-of-type){border-bottom:1px solid #999}.App-link{color:#09d3ac}#toggle{display:none;margin-inline-end:100px}#toggle:checked+.hamburger .top{margin-top:22.5px;transform:rotate(-45deg)}#toggle:checked+.hamburger .meat{margin-top:-5px;transform:rotate(45deg)}#toggle:checked+.hamburger .bottom{transform:scale(0)}#toggle:checked~.menu1{height:340px}.link1{font:700 20px Oswald,sans-serif;margin-bottom:-18%;padding:10px 0;text-decoration:none;width:100%}.link1:hover{background-color:#fff;color:#3d3d3d;transition:all .3s ease}.postlist{background:blue}.userlist{background:#4d0a0a;border-radius:20px;display:inline-flex;justify-content:space-between;margin-right:10%;margin-top:5%;overflow:hidden;padding:30px;text-align:left;width:70%}.comments{background:#fff}.commentlist,.comments{border-radius:20px;color:#000;display:block;margin:10px;padding:10px;width:90%}.commentlist{background:#add8e6;font-size:12px;text-align:left}.maincontent{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.post,.profileForm{overflow:hidden}.comment-block{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:100%}.tag-active{border:red;border-style:solid;border-width:thick}.comment-indicator{display:block;float:right;margin-top:10px;text-align:right;width:100%}.comment-icon{float:right;height:40px;width:40px}.comment-indicator-text{background-color:#add8e6;border-radius:10px;color:#000;float:right;font-size:16px;font-weight:700;margin-left:10px;padding:5px;text-align:center;width:120px}.hide{display:none}.modal{background-color:#000;background-color:#0006;display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:0}.modal-content{background-color:#ebe1e1;border:3px solid #000;color:#000;font-family:Oswaldo;font-size:40px;height:30%;margin:15% auto;padding:1px 10px 20px 20px;text-align:center;width:40%}.close{background-color:#000;border-radius:5px;color:#fafafa;display:flex;flex-direction:column;font-family:Oswald;font-size:30px;margin-left:29%;margin-top:7%;padding:2% 10%;width:20%}.chat{align-items:center;display:flex;justify-content:center}.chat__main{flex:0.6 1}.message__container{background-color:#4d0a0a;height:60vh;overflow-y:scroll}.chat__footer,.message__container{border-radius:1ch;padding:20px;width:100%}.chat__footer{background-color:#000}.form{display:flex;height:100%;justify-content:space-between;width:100%}.message{border:1px solid #ddd;border-radius:1ch;height:100%;outline:none;padding:12px;width:80%}.messageIcon{height:40px;transition:transform .3s ease;width:40px}.messageIcon:hover{cursor:pointer;transform:scale(1.1)}.sendBtn{background-color:#8f1514;border:none;border-radius:1ch;color:#fff;cursor:pointer;outline:none;padding:10px;width:150px}.message__recipient{background-color:#d9d9d9d9;color:#000;font-size:15px;font-size:1em;padding:8px;text-align:start;width:300px}.message__recipient,.message__sender{border:1px solid #000;border-radius:3ch;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message__sender{background-color:#8f1514;font-size:1em;margin-left:auto;max-width:400px;padding:10px;text-align:right}.recipient__name{color:#fff;font-size:1em;text-align:left}.hamburger{cursor:pointer}.sender__name{color:#fff;font-size:1em;text-align:right}.TeamContainer{margin-top:5%}.TeamProfile{display:flex;flex-direction:column}.TeamProfile img{height:300px;margin:auto;max-width:225px}.TeamProfile hr{background-color:#000;border:solid;border-radius:50px;border-width:1px;color:#000;height:1px}.Followers{margin-top:50px}.FollowerIndex{align-content:space-around;background-color:#d9d9d9;border:2px solid #000;border-radius:8px;color:#000;display:flex;flex-wrap:wrap;height:250px;justify-content:space-between;margin:auto;overflow:hidden;width:80%}.PictureArea{margin-left:50px}.OtherUsername{flex-wrap:wrap}.FirstButton,.SecondButton{color:#fff;cursor:pointer;float:left;font-family:Oswald;font-weight:700;height:56px;margin-top:16%;max-width:100%;position:relative;text-align:center}.FirstButton{margin-left:9%}.SecondButton{margin-left:2%}#PostBackground,#PostBackgroundFirst,#PostBackgroundLarge,#PostBackgroundSmall{background:#d9d9d9;border:solid;border-color:#000;border-radius:25px;display:flex;flex-direction:column;margin-left:-60%;margin-top:5%;width:65%}#PostBackground{border:solid;border-color:#000}#PostBackgroundFirst{height:15%;margin-top:34%}#PostBackgroundSmall{margin-bottom:-13%}.FeedPost{position:relative}#ProfilePicture{float:left}.FeedPost header{font-size:24pt;font-weight:700;margin-left:17.5%;margin-top:3%;position:relative;text-align:center}#MediumUsername,#ShortUsername,#Timestamp{display:flex;position:relative;text-align:center}#MediumUsername,#ShortUsername{font-weight:700}#PostMediaCentered,#PostMediaLeft{color:#000;font-family:Oswald;line-height:1.5;position:relative;text-align:left}#PostMediaCentered{margin:2% auto 5%;text-align:center}#PostMediaLeft{max-width:95%}.Poll{color:#000;display:flex;flex-direction:column;font-family:Oswald;margin:auto;text-align:left}.Poll div{border-radius:10px;margin-bottom:0}.Poll button{background:#4f4e4e;border:solid;border-color:#000;border-radius:5px;border-width:1%;color:#fff;height:20px;margin-left:3%;margin-right:1%;margin-top:1.5%}#ButtonExtraSpace{margin-left:1.55%}.option,.option2{display:flex;flex-direction:column;margin-top:5%}.option-content,.option-content2{display:flex}.option-content button,.option-content2 button{cursor:pointer;margin-top:.75%}.vote-bar,.vote-bar2{background-color:#a9a9a9;height:30px;margin-left:3%}.vote-bar2>div,.vote-bar>div{background-color:#000;height:100%;margin-left:1%;margin-top:1%}.option-name,.option-name2,.option-total,.option-total2{margin-top:-1.25%;white-space:nowrap;width:150px}.option-name,.option-name2{margin-left:5%;overflow:hidden;text-overflow:ellipsis}.CoverArt{border:solid;border-color:#000;border-radius:15px;border-width:3px;margin-left:11.25%;margin-top:12%;max-height:35%;max-width:25%;position:fixed}#FixedPollButton,#FixedPostButton{background:#4f4e4e;border:solid;border-color:#000;border-radius:50%;border-width:3px;color:#fff;cursor:pointer;font-family:Oswald;font-size:80%;font-weight:700;height:15%;position:fixed;text-align:center;width:8.5%}#FixedPollButton{left:83.8%;top:62%}#FixedPostButton{left:83.8%;top:80%}.Profiles{align-items:center;justify-content:center;margin-top:5%;overflow:hidden}.voting-error-popup{background-color:#d9d9d9;border:5px solid #000;box-shadow:0 2px 4px #0000001a;font-family:Oswald;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:55%}.voting-error-content{text-align:center}.voting-error-popup button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Oswald;font-weight:700;height:10%;margin-top:10px;padding:8px 16px;width:20%}.voting-error-popup button:hover{background-color:#d32f2f}.saved-popup{background-color:#d9d9d9;border:5px solid #000;border-radius:40px;box-shadow:0 2px 4px #0000001a;font-family:Oswald;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:999}.saved-popup-content{text-align:center}.saved-popup button{border-radius:10px;cursor:pointer;font-family:Oswald;font-weight:700;margin-top:10px;padding:8px 16px;width:30%}.saved-popup #LinkButton{margin-right:10%}.MakePostPopup{background-color:#d9d9d9;border:5px solid #000;border-radius:25px;box-shadow:0 5px 5px #0003;color:#000;font-family:Oswald;font-size:30px;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:40%}.MakePostButtons button,.MakePostButtons input{background-color:#000;border-radius:10px;color:#fff;cursor:pointer;font-family:Oswald;font-size:20px;font-weight:700;height:40px;margin:5% 3%;width:25%}.NoPostsInFeed{background-color:#d9d9d9;border:5px solid #000;border-radius:10px;border-radius:25px;box-shadow:0 5px 5px #0003;display:flex;height:65px;margin-left:36%;margin-top:15%;max-width:25%}.NoPostsInFeed p{color:#000;display:flex;flex-direction:column;font-family:Oswald;font-size:30px;justify-content:center;margin:auto;text-align:center}.DeletePostError,.DeletePostSuccess{background-color:#d9d9d9;border-radius:10px;border-radius:25px;box-shadow:0 5px 5px #0003;display:flex;flex-direction:column}.DeletePostSuccess{border:5px solid #000}.DeletePostError{border:5px solid #8f1514}.DeletePostError p,.DeletePostSuccess p{display:flex;flex-direction:column;font-family:Oswald;font-size:30px;justify-content:center;margin:auto;text-align:center}.DeletePostSuccess p{color:#000}.DeletePostError p{color:#8f1514}#ListProfilePicture{cursor:pointer;flex-wrap:wrap;float:left;width:10%}#ListUsername{color:#000;flex-wrap:wrap;font-family:Oswald;font-weight:700;margin-bottom:5%;margin-top:1%;position:relative;text-align:center}.FirstProfileBackground,.ProfileBackground{background:#d9d9d9;border-radius:25px;display:flex;flex-direction:column;margin-bottom:4%;position:relative;width:50%}.ProfileBackground{margin-left:25%}.FirstListButton,.SecondListButton,.ThirdListButton{background:#4f4e4e;border:solid;border-color:#000;border-width:3px;color:#fff;cursor:pointer;float:left;font-family:Oswald;font-weight:700;margin-bottom:5%;max-width:100%;position:relative;text-align:center}.SecondListButton,.ThirdListButton{margin-left:2%}#FirstProfileButton,#SecondProfileButton{background:#000;color:#fff;cursor:pointer;flex-wrap:wrap;float:left;font-family:Oswald;font-weight:700;margin-bottom:0;max-width:100%;position:relative;text-align:center}#CommentButton,#CommentCount,#DeleteButton,#DeletePrompt,#LikeButton,#LikeCount,#LikeCountShort,#SaveButton,#SavePrompt{flex-wrap:wrap;position:relative}#CommentButton,#DeleteButton,#LikeButton,#SaveButton{cursor:pointer;float:left}#PollLine{background:#000;border-radius:5px;display:flex;flex-direction:column;position:relative;width:97%}@media (max-width:2880px){.Separator{background-color:#000;border:2px solid #000;border-radius:5px;height:200px;position:relative;right:17%;top:0;width:1px}.FirstProfileBackground,.ProfileBackground{height:250px}.FirstProfileBackground{margin-left:-25%}.FirstListButton,.SecondListButton,.ThirdListButton{border-radius:15px;font-size:16pt;height:56px;margin-top:1.2%;width:14%}.FirstListButton{margin-left:5%}#FirstProfileButton,#SecondProfileButton{border-radius:15px;font-size:18pt;height:70px;margin-top:-15.5%;width:20%}#FirstProfileButton{margin-left:48%}#SecondProfileButton{margin-left:75%}#ListProfilePicture{height:70px;margin-left:5%;margin-top:2%}#ListUsername{font-size:22pt;margin-left:-80.5%}#ProfilePicture{margin-right:3%;margin-top:1%;max-width:20%}#MediumUsername,#ShortUsername{font-size:24pt;margin-top:4%}#Timestamp{font-size:20pt;margin-bottom:1.5%;margin-top:0}#LikeButton{margin-left:35%;margin-top:-14%;max-width:7%}#CommentButton{margin-left:46%;margin-top:-14.75%;max-width:9.5%}#SaveButton{margin-left:59%;margin-top:-14%;max-width:6%}#DeleteButton{margin-left:68.5%;margin-top:-14.25%;max-width:8%}#LikeCount,#LikeCountShort{font-size:30%;margin-left:58%;margin-top:-6%}#CommentCount{font-size:30%;margin-left:68.5%;margin-top:-5.4%}#SavePrompt{font-size:30%;margin-left:83%;margin-top:-5.6%}#DeletePrompt{font-size:30%;margin-left:93%;margin-top:-5.5%}#PollLine{height:4px;margin-left:1%}.FirstButton,.SecondButton{font-size:16pt;margin-right:15%;width:14%}}@media (max-width:2560px){.Separator{background-color:#000;border:2px solid #000;border-radius:5px;height:200px;position:relative;right:17%;top:0;width:1px}.ProfilePic{cursor:pointer;flex-wrap:wrap;max-height:1500px;max-width:150px}.FollowerButtons{bottom:0;left:30%;position:relative}.FollowButton{background-color:#000;border:1px solid #000;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;flex-wrap:wrap;height:60px;margin:5px;width:160px}}@media (max-width:430px){.FollowButton{height:30px;margin:5px;width:100px}.FollowButton,.ToProfileButton{background-color:#000;border:1px solid #000;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;flex-wrap:wrap}.ToProfileButton{height:60px;width:175px}.UserBio{flex-wrap:wrap;position:relative;right:40%;top:28%}.FirstProfileBackground,.ProfileBackground{height:148px}.FirstListButton,.SecondListButton,.ThirdListButton{border-radius:15px;font-size:16pt;height:56px;margin-top:5%;width:14%}.FirstListButton{margin-left:8%}#FirstProfileButton,#SecondProfileButton{border-radius:15px;font-size:14pt;height:50px;margin-top:-16%;width:25%}#FirstProfileButton{margin-left:38%}#SecondProfileButton{margin-left:70%}#ListProfilePicture{height:70px;margin-left:5%;margin-top:2%}#ListUsername{font-size:18pt;margin-left:-81%}#ProfilePicture{margin-right:3%;margin-top:1%;max-width:20%}#MediumUsername,#ShortUsername{font-size:24pt;margin-top:-1%}#Timestamp{font-size:16pt;margin-bottom:1.5%;margin-top:0}#LikeButton{margin-left:45%;margin-top:-17%;max-width:6%}#CommentButton{margin-left:77.5%;margin-top:-18.75%;max-width:8.5%}#SaveButton{margin-left:90%;margin-top:-17.5%;max-width:5%}#DeleteButton{margin-left:99%;margin-top:-17.75%;max-width:7%}#LikeCount,#LikeCountShort{font-size:30%;margin-left:68%;margin-top:-12%}#CommentCount{font-size:30%;margin-left:77%;margin-top:-4.4%}#SavePrompt{margin-left:91%}#DeletePrompt,#SavePrompt{font-size:30%;margin-top:-4.5%}#DeletePrompt{margin-left:100.25%}#PollLine{height:4px;margin-left:1%}.FirstButton,.SecondButton{font-size:16pt;margin-right:15%;width:14%}}@media (max-width:2880px){.sidenav{align-items:left;background-color:#4d0a0a;display:flex;flex-direction:row;height:9%;justify-content:flex-start;left:0;position:fixed;top:0;width:100%;z-index:1}.navbarName{color:#fff;font-family:Oleo Script;font-size:5vh;font-style:italic;margin-left:1%;margin-top:.5%;text-decoration:none;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.hamburger{height:45%;margin-left:83%;margin-top:1.7%;position:relative}.hamburger div{height:5px;margin-top:18%;position:relative;transition:all .2s ease-in-out;width:40px}.hamburger div,.menu1{background-color:#b6afaf}.menu1{grid-row-gap:10%;clear:both;display:grid;grid-template-rows:1fr repeat(4,.5fr);height:0;list-style:none;margin-left:-10%;margin-top:4.5%;overflow:auto;text-align:center;transition:height .4s ease;transition:all .3s ease;width:100%;z-index:120}.menu1 a:last-child{margin-bottom:5%}.menu1 a{color:#000;font-family:Oswald;font-size:1.5vi}.sidenav-icon{height:50%;margin-left:78%;margin-top:1.2%;position:absolute;width:2.5%}.pageName{font-family:Oswald;font-size:4vh;margin-left:46.6%;margin-top:1%;position:absolute}}@media (max-width:2560px){.Separator{background-color:#000;border:2px solid #000;border-radius:5px;height:200px;position:relative;right:17%;top:0;width:1px}.ProfilePic{cursor:pointer;flex-wrap:wrap;max-height:150px;max-width:150px}.FollowerButtons{bottom:0;left:30%;position:relative}.FollowButton{background-color:#000;border:1px solid #000;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;flex-wrap:wrap;height:60px;margin:5px;width:160px}}@media (max-width:1920px){.FollowButton{background-color:#000;border:1px solid #000;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;flex-wrap:wrap;height:40px;margin:5px;width:130px}}@media (max-width:430px){.FollowButton{height:30px;margin:5px;width:100px}.FollowButton,.ToProfileButton{background-color:#000;border:1px solid #000;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;flex-wrap:wrap}.ToProfileButton{height:60px;width:175px}.UserBio{flex-wrap:wrap;position:relative;right:40%;top:28%}.ProfileBackground{height:148px}.FirstListButton,.SecondListButton,.ThirdListButton{border-radius:15px;font-size:16pt;height:56px;width:14%}.FirstListButton{margin-left:12%}#FirstProfileButton,#SecondProfileButton{border-radius:15px;font-size:14pt;height:50px;margin-top:-16%;width:25%}#FirstProfileButton{margin-left:38%}#SecondProfileButton{margin-left:70%}#ListProfilePicture{margin-left:5%;margin-top:2%}#ListUsername{font-size:24pt;margin-left:-81%}#LikeButton{margin-left:40%;margin-top:-10%;max-width:6%}#CommentButton{margin-left:69%;margin-top:-16%;max-width:8.5%}#SaveButton{margin-left:82%;margin-top:-15.3%;max-width:5%}#DeleteButton{margin-left:90.5%;margin-top:-15.5%;max-width:7%}#LikeCount,#LikeCountShort{font-size:65%;margin-left:57.5%;margin-top:-4%}#CommentCount{margin-left:67%}#CommentCount,#SavePrompt{font-size:65%;margin-top:-5.15%}#SavePrompt{margin-left:82%}#DeletePrompt{font-size:65%;margin-left:90.7%;margin-top:-5.15%}#PollLine{height:4px;margin-bottom:-10%;margin-left:1%;margin-top:4%}.sidenav{align-items:left;background-color:#4d0a0a;display:flex;flex-direction:row;height:9%;justify-content:flex-start;left:0;position:fixed;top:0;width:100%;z-index:1}.navbarName{color:#fff;font-family:Oleo Script;font-size:5vh;font-style:italic;margin-left:1%;margin-top:.5%;text-decoration:none;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.hamburger{height:45%;margin-left:83%;margin-top:1.2%;position:relative}.hamburger div{height:5px;margin-top:18%;position:relative;transition:all .2s ease-in-out;width:40px}.hamburger div,.menu1{background-color:#b6afaf}.menu1{grid-row-gap:10%;clear:both;display:grid;grid-template-rows:1fr repeat(4,.5fr);height:0;list-style:none;margin-left:-10%;margin-top:4.5%;overflow:auto;text-align:center;transition:height .4s ease;transition:all .3s ease;width:100%;z-index:120}.menu1 a:last-child{margin-bottom:5%}.menu1 a{color:#000;font-size:1.5vi}.exampleText,.menu1 a{font-family:Oswald}.sidenav-icon{height:50%;margin-left:78%;margin-top:1.2%;position:absolute;width:2.5%}.pageName{font-family:Oswald;font-size:4vh;margin-left:46.6%;margin-top:1%;position:absolute}}@media (max-width:1920px){.Separator{background-color:#000;border:2px solid #000;border-radius:5px;height:200px;position:relative;right:12%;top:0;width:1px}.FollowerButtons{bottom:0;left:30%;position:relative}.FollowButton{margin:5px}.FollowButton,.ToProfileButton{background-color:#000;border:1px solid #000;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;flex-wrap:wrap;height:40px;width:150px}.UserBio{word-wrap:break-word;flex-wrap:wrap;max-width:350px;position:relative;right:42%;top:30%;width:350px}.FirstProfileBackground,.ProfileBackground{height:175px}.FirstProfileBackground{margin-right:100%}.FirstListButton,.SecondListButton,.ThirdListButton{border-radius:15px;font-size:16pt;height:56px;margin-top:1.2%;width:14%}.FirstListButton{margin-left:4%}#FirstProfileButton,#SecondProfileButton{border-radius:15px;font-size:14pt;height:50px;margin-top:-16%;width:25%}#FirstProfileButton{margin-left:38%}#SecondProfileButton{margin-left:70%}#ListProfilePicture{height:90px;margin-left:5%;margin-top:2%}#ListUsername{font-size:18pt;margin-left:-80.25%}#ProfilePicture{margin-right:3%;margin-top:1%;max-width:20%}#MediumUsername,#ShortUsername{font-size:24pt;margin-top:2.5%}#Timestamp{font-size:16pt;margin-bottom:1.5%;margin-top:0}#LikeButton{margin-left:35%;margin-top:-14%;max-width:7%}#CommentButton{margin-left:45.5%;margin-top:-14.75%;max-width:9.5%}#SaveButton{margin-left:59.5%;margin-top:-13.75%;max-width:6%}#DeleteButton{margin-left:69%;margin-top:-14%;max-width:8%}#LikeCount,#LikeCountShort{font-size:50%;margin-left:58%;margin-top:-7%}#CommentCount{margin-left:67.5%}#CommentCount,#SavePrompt{font-size:50%;margin-top:-6%}#SavePrompt{margin-left:83.5%}#DeletePrompt{font-size:50%;margin-left:93.25%;margin-top:-6%}#PollLine{height:4px;margin-left:1%}.FirstButton,.SecondButton{font-size:16pt;margin-right:17%;width:14%}.sidenav{align-items:left;background-color:#4d0a0a;display:flex;flex-direction:row;height:9%;justify-content:flex-start;left:0;position:fixed;top:0;width:100%;z-index:1}.navbarName{color:#fff;font-family:Oleo Script;font-size:5vh;font-style:italic;margin-left:1%;margin-top:.5%;text-decoration:none;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.hamburger{height:45%;margin-left:83%;margin-top:1.2%;position:relative}.hamburger div{background-color:#b6afaf;height:5px;margin-top:18%;position:relative;transition:all .2s ease-in-out;width:40px}.menu1{grid-row-gap:10%;background-color:#d9d9d9;border:solid;border-top:#4d0a0a;border-color:#4d0a0a;clear:both;display:grid;grid-template-rows:1fr repeat(4,.5fr);height:0;list-style:none;margin-left:-10%;margin-top:4.2%;overflow:auto;text-align:center;transition:height .4s ease;transition:all .3s ease;width:100%;z-index:120}.menu1 a:last-child{margin-bottom:5%}.menu1 a{color:#000;font-family:Oswald;font-size:1.5vi}.sidenav-icon{height:50%;margin-left:78%;margin-top:1.2%;position:absolute;width:2.5%}.pageName{font-family:Oswald;font-size:4vh;margin-left:46.6%;margin-top:1%;position:absolute}}@media (max-width:1440px){.Separator{background-color:#000;border:2px solid #000;border-radius:5px;height:200px;position:relative;right:12%;top:0;width:1px}.FirstProfileBackground,.ProfileBackground{height:140px}.FirstProfileBackground{margin-left:-25%}.FirstListButton,.SecondListButton,.ThirdListButton{border-radius:15px;font-size:16pt;height:56px;margin-top:1.2%;width:14%}.FirstListButton{margin-left:5%}#FirstProfileButton,#SecondProfileButton{border-radius:15px;font-size:14pt;height:50px;margin-top:-18.5%;width:30%}#FirstProfileButton{margin-left:30%}#SecondProfileButton{margin-left:65%}#ListProfilePicture{height:70px;margin-left:5%;margin-top:2%}#ListUsername{font-size:18pt;margin-left:-80%}#ProfilePicture{margin-right:3%;margin-top:1%;max-width:20%}#MediumUsername,#ShortUsername{font-size:24pt;margin-top:2.5%}#Timestamp{font-size:16pt;margin-bottom:1.5%;margin-top:0}#LikeButton{margin-left:35%;margin-top:-14%;max-width:7%}#CommentButton{margin-left:45.5%;margin-top:-14.75%;max-width:9.5%}#SaveButton{margin-left:59.5%;margin-top:-13.75%;max-width:6%}#DeleteButton{margin-left:69%;margin-top:-14%;max-width:8%}#LikeCount,#LikeCountShort{font-size:50%;margin-left:58%;margin-top:-7%}#CommentCount{font-size:50%;margin-left:67.5%;margin-top:-5.75%}#SavePrompt{margin-left:83.5%}#DeletePrompt,#SavePrompt{font-size:50%;margin-top:-5.85%}#DeletePrompt{margin-left:93.25%}#PollLine{height:4px;margin-left:1%}.FirstButton,.SecondButton{font-size:16pt;margin-right:16%;width:14%}}@media (max-width:1280px){.Separator{background-color:#000;border:2px solid #000;border-radius:5px;height:200px;position:relative;right:12%;top:0;width:1px}.FirstProfileBackground,.ProfileBackground{height:140px}.FirstProfileBackground{margin-left:-25%}.FirstListButton,.SecondListButton,.ThirdListButton{border-radius:15px;font-size:16pt;height:56px;margin-top:1.2%;width:14%}.FirstListButton{margin-left:5%}#FirstProfileButton,#SecondProfileButton{border-radius:15px;font-size:14pt;height:50px;margin-top:-18.5%;width:30%}#FirstProfileButton{margin-left:30%}#SecondProfileButton{margin-left:65%}#ListProfilePicture{height:65px;margin-left:5%;margin-top:2%}#ListUsername{font-size:18pt;margin-left:-80%}#ProfilePicture{margin-right:3%;margin-top:1%;max-width:20%}#MediumUsername,#ShortUsername{font-size:24pt;margin-top:2.5%}#Timestamp{font-size:16pt;margin-bottom:1.5%;margin-top:0}#LikeButton{margin-left:40%;margin-top:-14%;max-width:6%}#CommentButton{margin-left:49.5%;margin-top:-14.75%;max-width:8.5%}#SaveButton{margin-left:62%;margin-top:-13.75%;max-width:5%}#DeleteButton{margin-left:70%;margin-top:-14%;max-width:7%}#LikeCount,#LikeCountShort{font-size:30%;margin-left:63.5%;margin-top:-8%}#CommentCount{font-size:30%;margin-left:73%;margin-top:-3.9%}#SavePrompt{font-size:30%;margin-left:86.15%;margin-top:-4%}#DeletePrompt{font-size:30%;margin-left:94.75%;margin-top:-3.8%}#PollLine{height:4px;margin-left:1%}.FirstButton,.SecondButton{font-size:16pt;margin-right:15%;width:14%}}@media (max-width:1080px){.sidenav{align-items:left;background-color:#4d0a0a;display:flex;flex-direction:row;height:5%;justify-content:flex-start;left:0;position:fixed;top:0;width:100%;z-index:1}.navbarName{color:#fff;font-family:Oleo Script;font-size:2vh;font-style:italic;margin-left:3%;margin-top:2.5%;text-decoration:none;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.hamburger{height:45px;margin:.5% 10px 10px 78%;position:relative}.hamburger div{height:5px;margin-top:20%;position:relative;transition:all .2s ease-in-out;width:40px}.hamburger div,.menu1{background-color:#b6afaf}.menu1{grid-row-gap:10%;clear:both;display:grid;grid-template-rows:1fr repeat(4,.5fr);height:0;list-style:none;margin-left:-15%;margin-top:6%;overflow:auto;text-align:center;transition:height .4s ease;transition:all .3s ease;width:100%;z-index:120}.menu1 a:last-child{margin-bottom:5%}.menu1 a{color:#000;font-family:Oswald;font-size:1.5vi}.sidenav-icon{height:50%;margin-left:69%;margin-top:2%;position:absolute;width:5%}.pageName{font-family:Oswald;font-size:3vh;margin-left:41%;margin-top:1.5%;position:absolute}}@media (max-width:1024px){.Separator{background-color:#000;border:0 solid #000;border-radius:0;height:0;position:relative;right:0;right:12%;top:0;width:0}.FollowerIndex{flex-direction:column;height:300px}.PictureArea{margin:auto}.FollowerButtons{bottom:0;left:0;position:relative}.UserBio{flex-wrap:wrap;position:static;right:0;top:0}.FirstProfileBackground,.ProfileBackground{height:120px}.FirstProfileBackground{margin-left:-25%}.FirstListButton,.SecondListButton,.ThirdListButton{border-radius:15px;font-size:16pt;height:50px;margin-top:1.2%;width:18%}.FirstListButton{margin-left:4%}#FirstProfileButton,#SecondProfileButton{border-radius:15px;font-size:12pt;height:50px;margin-top:-20%;width:30%}#FirstProfileButton{margin-left:30%}#SecondProfileButton{margin-left:65%}#ListProfilePicture{height:60px;margin-left:5%;margin-top:2%}#ListUsername{font-size:18pt;margin-left:-79.5%}#ProfilePicture{margin-right:3%;margin-top:1%;max-width:20%}#MediumUsername,#ShortUsername{font-size:24pt;margin-top:-1%}#Timestamp{font-size:16pt;margin-bottom:1.5%;margin-top:0}#LikeButton{margin-left:45%;margin-top:-17%;max-width:6%}#CommentButton{margin-left:77.5%;margin-top:-18.75%;max-width:8.5%}#SaveButton{margin-left:90%;margin-top:-17.5%;max-width:5%}#DeleteButton{margin-left:99%;margin-top:-17.75%;max-width:7%}#LikeCount,#LikeCountShort{font-size:30%;margin-left:68%;margin-top:-12%}#CommentCount{font-size:30%;margin-left:77%;margin-top:-4.4%}#SavePrompt{margin-left:91%}#DeletePrompt,#SavePrompt{font-size:30%;margin-top:-4.5%}#DeletePrompt{margin-left:100.25%}#PollLine{height:4px;margin-left:1%}.FirstButton,.SecondButton{font-size:14pt;margin-right:12%;width:14%}}@media (max-width:720px){.sidenav{align-items:left;background-color:#4d0a0a;display:flex;flex-direction:row;height:5%;justify-content:flex-start;left:0;position:fixed;top:0;width:100%}.navbarName{color:#fff;font-family:Oleo Script;font-size:2vh;font-style:italic;margin-left:3%;margin-top:3%;text-decoration:none;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.hamburger{height:45px;margin:3% 10px 10px 65%;position:relative}.hamburger div{height:5px;margin-top:3%;position:relative;transition:all .2s ease-in-out;width:40px}.hamburger div,.menu1{background-color:#b6afaf}.menu1{grid-row-gap:10%;clear:both;display:grid;grid-template-rows:1fr repeat(4,.5fr);height:0;list-style:none;margin-left:-30%;margin-top:10%;overflow:auto;text-align:center;transition:height .4s ease;transition:all .3s ease;width:100%;z-index:120}.menu1 a:last-child{margin-bottom:5%}.menu1 a{color:#000;font-family:Oswald;font-size:3vi}.sidenav-icon{height:50%;margin-left:55%;margin-top:3%;position:absolute;width:7%}.pageName{font-family:Oswald;font-size:1.8vh;margin-left:41%;margin-top:2.5%;position:absolute}}@media (max-width:430px){.Separator{background-color:#000;border:0 solid #000;border-radius:0;height:0;position:relative;right:0;right:12%;top:0;width:0}.FollowButton{margin:5px;width:100px}.FollowButton,.ToProfileButton{background-color:#000;border:1px solid #000;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;flex-wrap:wrap;height:30px}.ToProfileButton{width:120px}.FirstProfileBackground,.ProfileBackground{height:80px}.FirstProfileBackground{margin-left:25%}.FirstListButton,.SecondListButton,.ThirdListButton{border-radius:8px;font-size:10pt;height:40px;margin-top:8%;width:23%}.FirstListButton{margin-left:2.5%}#FirstProfileButton,#SecondProfileButton{border-radius:8px;font-size:8pt;height:40px;margin-top:-27%;width:30%}#FirstProfileButton{margin-left:30%}#SecondProfileButton{margin-left:65%}#ListProfilePicture{height:30px;margin-left:8%;margin-top:6%}#ListUsername{font-size:10pt;margin-left:-74%}#ProfilePicture{margin-right:3%;margin-top:1%;max-width:20%}#MediumUsername,#ShortUsername{font-size:24pt;margin-top:-1%}#Timestamp{font-size:16pt;margin-bottom:1.5%;margin-top:0}#LikeButton{margin-left:45%;margin-top:-17%;max-width:6%}#CommentButton{margin-left:77.5%;margin-top:-18.75%;max-width:8.5%}#SaveButton{margin-left:90%;margin-top:-17.5%;max-width:5%}#DeleteButton{margin-left:99%;margin-top:-17.75%;max-width:7%}#LikeCount,#LikeCountShort{font-size:30%;margin-left:68%;margin-top:-12%}#CommentCount{font-size:30%;margin-left:77%;margin-top:-4.4%}#SavePrompt{margin-left:91%}#DeletePrompt,#SavePrompt{font-size:30%;margin-top:-4.5%}#DeletePrompt{margin-left:100.25%}#PollLine{height:4px;margin-left:1%}.FirstButton,.SecondButton{font-size:10pt;margin-right:15%;width:37.5%}}.settings{overflow:hidden}@media (max-width:3840px){.settings{max-height:1700px}#settingTitle{text-align:center}.settingsNav{display:flex;flex-direction:row;justify-content:center}.settingSwapButton{background-color:#000;border:solid;border-color:#000;border-radius:4px;color:#fff;height:25%;margin:1%;width:10%}#settingsPFP{margin-top:5px;max-height:400px;max-width:400px}#PFPButton{margin-left:9%}.profileSettings{background-color:#d9d9d9;border:solid;border-color:#000;border-radius:8px;border-width:3px;color:#000;height:85%;margin-bottom:70%;margin-left:30%;width:40%}.profileform{display:flex;flex-direction:column}.settingsLabels{align-items:center;display:flex;margin-bottom:3px}.settingsInput{background-color:#fff;border:solid;border-radius:5px;border-width:2px;height:40%;width:50%}#submitProfile{align-items:center;background-color:#000;border:solid;border-color:#000;border-radius:4px;border-width:2px;color:#fff;cursor:pointer;height:40%;margin-left:35%;margin-top:5%;width:30%}.securitySettings{height:100%}#emailSettings{height:60%}#emailSettings,#passwordSettings{background-color:#d9d9d9;border:solid;border-color:#000;border-radius:8px;border-width:3px;color:#000;margin-left:35%;max-height:400px;width:30%}#passwordSettings{height:50%;margin-bottom:70%}.securitySettingSubmit{align-items:center;background-color:#000;border:solid;border-color:#000;border-radius:4px;border-width:2px;color:#fff;height:20%;margin-left:35%;margin-top:5%;width:25%}}@media (max-width:1920px){.settings{max-height:1300px}#settingTitle{text-align:center}.settingsNav{display:flex;flex-direction:row;justify-content:center}.settingSwapButton{background-color:#000;border:solid;border-color:#000;border-radius:4px;color:#fff;cursor:pointer;height:25%;margin:1%;width:10%}#settingsPFP{margin-top:5px;max-height:175px;max-width:175px}#PFPButton{margin-left:9%}.profileSettings{background-color:#d9d9d9;border:solid;border-color:#000;border-radius:8px;border-width:3px;color:#000;height:80%;margin-bottom:70%;margin-left:30%;width:40%}.profileform{display:flex;flex-direction:column}.settingsLabels{align-items:center;display:flex;margin-bottom:3px}.settingsInput{background-color:#fff;border:solid;border-radius:5px;border-width:2px;height:40%;width:50%}#submitProfile{align-items:center;background-color:#000;border:solid;border-color:#000;border-radius:4px;border-width:2px;color:#fff;height:40%;margin-left:35%;margin-top:5%;width:30%}.securitySettings{height:100%}#emailSettings{height:70%}#emailSettings,#passwordSettings{background-color:#d9d9d9;border:solid;border-color:#000;border-radius:8px;border-width:3px;color:#000;margin-left:35%;width:30%}#passwordSettings{height:60%;margin-bottom:70%;max-height:275px}#deleteSettings{background-color:#d9d9d9;border:solid;border-color:#000;border-radius:8px;border-width:3px;color:#000;margin:auto;max-height:100%;max-width:30%;padding-bottom:15px}#newEmailSubmit,.securitySettingSubmit{align-items:center;background-color:#000;border:solid;border-color:#000;border-radius:4px;border-width:2px;color:#fff;cursor:pointer;height:15%;margin-left:36.5%;margin-top:5%;max-height:275px;width:25%}.newEmailSubmit{background-color:#fff;border:solid;border-radius:5px;border-width:2px;height:20%;width:50%}.deleteButton{align-items:center;border:solid;border-color:#000;border-radius:4px;border-width:2px;color:#fff;cursor:pointer;height:15%;margin-top:5%;max-height:275px;width:25%}.deleteButton,.modal{background-color:#000}.modal{background-color:#0006;display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:0}.settingsModalContent{background-color:#d9d9d9;border:solid;border-color:#000;border-radius:8px;border-width:3px;color:#000;height:60%;margin:15% auto;max-height:350px;width:30%}.closeSettingsModal{align-items:center;background-color:#000;border:solid;border-color:#000;border-radius:4px;border-width:2px;color:#fff;cursor:pointer;height:15%;margin-top:5%;margin-inline:5%;max-height:275px;width:25%}.close:focus,.close:hover{cursor:pointer;text-decoration:none;transform:scale(1.1)}}@media (max-width:1024px){#settingTitle{text-align:center}.settingsNav{display:flex;flex-direction:row;justify-content:space-evenly}.settingSwapButton{background-color:#000;border:solid;border-color:#000;border-radius:4px;color:#fff;height:25%;width:25%}#settingsPFP{margin-top:5px;max-height:175px;max-width:175px}#PFPButton{margin-left:20%}.profileSettings{background-color:#d9d9d9;border:solid;border-color:#000;border-radius:8px;border-width:3px;color:#000;height:80%;margin-bottom:70%;margin-left:10%;width:80%}.profileform{display:flex;flex-direction:column}.settingsLabels{align-items:center;display:flex;margin-bottom:3px}.settingsInput{background-color:#fff;border:solid;border-radius:5px;border-width:2px;height:40%;width:50%}#submitProfile{align-items:center;background-color:#000;border:solid;border-color:#000;border-radius:4px;border-width:2px;color:#fff;height:40%;margin-left:35%;margin-top:5%;width:30%}.securitySettings{height:38%}#emailSettings{height:70%}#emailSettings,#passwordSettings{background-color:#d9d9d9;border:solid;border-color:#000;border-radius:8px;border-width:3px;color:#000;margin-left:10%;width:80%}#passwordSettings{height:60%;margin-bottom:70%}#deleteSettings{margin:auto;max-width:80%}.securitySettingSubmit{align-items:center;background-color:#000;border:solid;border-color:#000;border-radius:4px;border-width:2px;color:#fff;height:20%;margin-left:35%;margin-top:5%;width:25%}.deleteButton{align-items:center;border:solid;border-color:#000;border-radius:4px;border-width:2px;color:#fff;cursor:pointer;height:25%;height:15%;margin-top:5%;max-height:275px;width:25%}.deleteButton,.modal{background-color:#000}.modal{background-color:#0006;display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:0}.settingsModalContent{background-color:#d9d9d9;border:solid;border-color:#000;border-radius:8px;border-width:3px;color:#000;height:60%;margin:15% auto;max-height:350px;width:90%}.closeSettingsModal{align-items:center;background-color:#000;border:solid;border-color:#000;border-radius:4px;border-width:2px;color:#fff;cursor:pointer;height:15%;margin-top:5%;margin-inline:5%;max-height:275px;width:25%}.close:focus,.close:hover{cursor:pointer;text-decoration:none;transform:scale(1.1)}}.mainContent{overflow:hidden}.button{cursor:pointer}.button-layout{grid-gap:10%;align-items:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(8%,8%));justify-content:center}.b-button-layout{grid-gap:10%;display:grid;gap:10%;grid-template-columns:repeat(3,1fr)}.movie-container-A{background-color:#fff;height:35%;left:18%;overflow:hidden;overflow-y:auto;position:absolute;top:15%;transform:translate(-10%,-10%);width:80%}.movie-container-b{height:70%;left:0;overflow:hidden;position:absolute;top:9%;width:100%}.add-container{height:5%;position:relative;top:42%}.add-container-b{background-color:#8f1514;position:absolute;right:50%;top:79%}.form-buttons{cursor:pointer;position:relative;top:100%}.form-container{grid-gap:10%;align-items:center;display:grid;justify-content:center;position:absolute;width:100%}.movieForm{align-items:left;display:grid;grid-template-columns:repeat(auto-fit,minmax(50%,50%));justify-content:left}.movieForm h2{font-family:Oswald}.movieForm textarea{font-family:Oswald;font-size:80%;resize:none}.formBox{font-family:Oswald;font-size:70%}.Aversion,.Bversion{background-color:#000;border:2px solid #000;border-radius:4px;color:#fff}.Bversion{position:absolute;top:90%}.desktop-button img{width:100%}.desktop-button p{color:#000;font-family:Oswald;font-size:100%}.desktop-button{cursor:pointer;text-align:center;width:100%}.template-button{cursor:pointer}.template-button img{width:100%}.template-button p{color:#000;font-family:Oswald;font-size:50%}.mobile-movie-container{align-items:center;background-color:#8f1514;display:flex;flex-direction:column;justify-content:center;position:absolute;top:7%;width:100%}.mobile-button{display:flex;height:90%;margin:auto auto 5%}.mobile-button,.mobile-post-form{background-color:#d9d9d9;border:2px solid #000;border-radius:8px;color:#000;font-family:Oswald;width:90%}.mobile-post-form textArea{font-family:Oswald;font-size:100%;resize:none}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:400;src:url(/hci/teams/tmf/static/media/oswald-cyrillic-ext-400-normal.fc2bffcbf389cc4c283b.woff2) format("woff2"),url(/hci/teams/tmf/static/media/oswald-cyrillic-ext-400-normal.ab9658b7fdccf021cd02.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:400;src:url(/hci/teams/tmf/static/media/oswald-cyrillic-400-normal.30ed48bad009b7cadc37.woff2) format("woff2"),url(/hci/teams/tmf/static/media/oswald-cyrillic-400-normal.af0096c7acff6802b789.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:400;src:url(/hci/teams/tmf/static/media/oswald-vietnamese-400-normal.a3465efd849ea2f438ef.woff2) format("woff2"),url(/hci/teams/tmf/static/media/oswald-vietnamese-400-normal.324e1553f920eead03fe.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:400;src:url(/hci/teams/tmf/static/media/oswald-latin-ext-400-normal.d7108bdca63550fef74b.woff2) format("woff2"),url(/hci/teams/tmf/static/media/oswald-latin-ext-400-normal.3fd17df8e09668addfad.woff) format("woff");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:400;src:url(/hci/teams/tmf/static/media/oswald-latin-400-normal.a1415da4d7ad28ef8f9e.woff2) format("woff2"),url(/hci/teams/tmf/static/media/oswald-latin-400-normal.fa6c4af7592d0435ccb7.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}body,html{overflow-x:hidden}input:focus,textarea:focus{outline:none}.error-message{color:red;margin:0 0 0 5%;text-align:left}.password-requirements{margin-bottom:8%;margin-top:-4%}.password-requirements p{margin-bottom:-10%}.submitbutton,.submitbutton1,.submitbutton2,.submitbutton3{background-color:#000;border-radius:5px;color:#fafafa;display:flex;flex-direction:column;font-family:Oswald;font-size:30px;margin-top:3%;padding:2% 10%}.loginBoxes:hover,.submitbutton:hover{transform:scale(1.05)}#loginBox ::placeholder{font-size:200%;text-align:center}#loginBox .loginBoxes{border:1px solid #000;border-radius:1ch;line-height:400%;margin-top:5%;width:90%}#loginBox .loginBoxes:hover{border:2px solid #000}#loginBox p{font-size:20px}@media(min-width:1920px){#loginBox{background:#ffffff4d;border:2px solid #000;border-radius:.5ch;font-family:Oswald;margin-left:calc(42% - 100px);min-width:300px;width:calc(27% - 100px)}.submitbutton{margin-left:30%}#loginBrandName{font-family:Oleo Script;font-size:5vh;font-style:italic;margin-top:20%;padding:1%;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}}@media(max-width:1920px){#loginBox{background:#ffffff4d;border:2px solid #000;border-radius:.5ch;font-family:Oswald;margin-left:calc(44.5% - 100px);min-width:300px;width:calc(27% - 100px)}.submitbutton{margin-left:30%}.submitbutton1{margin-left:26%}.submitbutton2{margin-left:25%}.submitbutton3{margin-left:19%}#loginBrandName{font-family:Oleo Script;font-size:5vh;font-style:italic;margin-top:19%;padding:1%;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}}@media(max-width:1080px){#loginBox{background:#ffffff4d;border:2px solid #000;border-radius:.5ch;font-family:Oswald;margin-left:calc(45% - 100px);min-width:300px;width:calc(27% - 100px)}.submitbutton{margin-left:26%}.submitbutton1{margin-left:21%}.submitbutton2{margin-left:19%}.submitbutton3{margin-left:10%}#loginBrandName{font-family:Oleo Script;font-size:5vh;font-style:italic;margin-top:21%;padding:1%;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}}@media(max-width:720px){#loginBox{background:#ffffff4d;border:2px solid #000;border-radius:.5ch;font-family:Oswald;margin-left:calc(38% - 100px);min-width:300px;width:calc(27% - 100px)}.submitbutton{margin-left:26%}.submitbutton1{margin-left:21%}.submitbutton2{margin-left:19%}.submitbutton3{margin-left:9%}#loginBrandName{font-family:Oleo Script;font-size:5vh;font-style:italic;margin-top:25%;padding:1%;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}}.postlist{border-radius:20px;display:inline-flex;margin:10px;padding:30px;text-align:left;width:60%}.posts{align-items:center;justify-content:flex-start}.postbody,.posts{display:flex;flex-direction:column}.postbody{align-items:flex-start;color:red;justify-content:center;max-width:650px;width:100%}.MovieFeed{margin-top:-9.8%}.MovieFeed div{margin-bottom:4%}.MovieFeed p{float:none;margin-left:3%;text-align:left}.FeedPost{color:#000;display:grid;font-family:Oswald;grid-template-columns:auto 60%;margin-left:0;text-align:left;width:100%}.headButtCon{display:flex}.headButt{cursor:pointer;font-size:40%;margin-left:8%;text-align:center;width:15%}.headButt img,.postInfo{width:100%}.postInfo{font-size:50%;margin-left:0;text-align:left}.headerButtons,.headerCounts{display:grid}.button{background-color:#d9d9d9;font-family:Oswald;font-size:20px}.commentBox{color:#000;font-family:Oswald}.comment{border-color:#000;border-width:20%;grid-template-columns:auto 85%}.comment,.deleteCommentButton,.editButton{display:grid}.deleteCommentButton{margin-left:-7%}.commentInfo{font-size:10px;width:70%}.commentInfo,.commentText{color:#000;display:grid;font-family:Oswald}.closeComment{background-color:#000;border-radius:5px;color:#fafafa;display:flex;flex-direction:column;font-family:Oswald;font-size:30px;margin-left:29%;margin-top:7%;padding:2% 10%;width:20%}.close:focus,.close:hover{cursor:pointer;text-decoration:none;transform:scale(1.1)}@media (max-width:2880px){.Container{background:#8f1514;display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden;padding:0;position:relative}.ProfileBox{height:45%;position:absolute;top:10%}.OtherProfileBox,.ProfileBox{background:#d9d9d9;border-radius:8px;display:flex;flex-direction:row;flex-shrink:0;left:5%;width:20%}.OtherProfileBox{height:55%;position:relative;top:3%}.ProfileCircle{background:#000;border-radius:50%;display:flex;flex-direction:row;flex-shrink:0;height:60%;justify-content:center;left:20%;position:relative;top:10%;width:60%}.UserProfile{font-size:32px;top:70%}.UserProfile,.UserPronoun{color:#000;flex-shrink:0;font-family:Oswald;font-style:normal;font-weight:400;height:13%;left:5%;line-height:normal;position:absolute;text-align:center;width:90%}.UserPronoun{font-size:20px;top:80%}.Follow{left:20%}.Follow,.block{height:7.5%;position:absolute;top:90%;width:25%}.block{background-color:#8f1514;left:55%}.FollowerBox{top:60%}.FollowerBox,.OtherFollowerBox{background:#d9d9d9;border-radius:8px;display:flex;flex-direction:row;flex-shrink:0;height:15%;left:5%;position:absolute;width:20%}.OtherFollowerBox{top:70%}.Status{top:20px}.Follower2,.Status{color:#000;flex-shrink:0;font-family:Oswald;font-size:20px;font-style:normal;font-weight:400;height:30%;left:10px;line-height:normal;position:absolute;text-align:left;width:100%}.Follower2{top:50px}.Line{background:#000;height:89%;left:30%;width:3px}.DetailsBox,.Line{position:absolute;top:10%}.DetailsBox{background:#d9d9d9;border-radius:8px;display:flex;flex-direction:row;flex-shrink:0;height:20%;left:34%;width:57.84%}.Status2{left:10%}.Status2,.Status3{color:#000;flex-shrink:0;font-family:Oswald;font-size:30px;font-style:normal;font-weight:400;height:30%;line-height:normal;position:absolute;text-align:left;top:1%;width:10%}.Status3{left:60%}.Status1{top:50px}.Follower1,.Status1{color:#000;flex-shrink:0;font-family:Oswald;font-size:20px;font-style:normal;font-weight:400;height:30%;left:10px;line-height:normal;position:absolute;text-align:left;width:100%}.Follower1{top:90px}.UserPostBox{background:#8f1514;border-radius:8px;display:flex;flex-direction:row;flex-shrink:0;height:60%;left:34%;overflow-y:auto;position:absolute;top:35%;width:57.84%}.UserPostBoxTitle{font-family:Oswald;font-size:30px;left:42%;position:relative}.UserPostBoxTitle,.biobox{color:#000;display:flex;flex-direction:row}.biobox{height:67.5%;left:32.5%;position:absolute;top:30%;width:65%}.Profileposts{align-items:center;display:flex;flex-direction:column;left:30%;position:absolute;top:-50%;width:70%}}@media (max-width:900px){.Container{background:#8f1514;display:flex;flex-direction:column;height:100vh;margin:0;overflow-y:auto;padding:0;position:relative}.ProfileBox{height:45%}.OtherProfileBox,.ProfileBox{background:#d9d9d9;border-radius:8px;display:flex;flex-direction:row;flex-shrink:0;left:5%;position:relative;top:3%;width:90%}.OtherProfileBox{height:40%}.ProfileCircle{background:#000;border-radius:50%;display:flex;flex-direction:row;flex-shrink:0;height:60%;justify-content:center;left:20%;position:absolute;top:10%;width:60%}.UserProfile{font-size:32px;top:70%}.UserProfile,.UserPronoun{color:#000;flex-shrink:0;font-family:Oswald;font-style:normal;font-weight:400;height:13%;left:5%;line-height:normal;position:absolute;text-align:center;width:90%}.UserPronoun{font-size:20px;top:80%}.Follow{left:20%}.Follow,.block{height:7.5%;position:absolute;top:90%;width:25%}.block{background-color:#8f1514;left:55%}.FollowerBox,.OtherFollowerBox{background:#d9d9d9;border-radius:8px;display:flex;flex-direction:row;flex-shrink:0;height:15%;left:5%;position:absolute;top:50%;width:90%}.Status{top:20px}.Follower2,.Status{color:#000;flex-shrink:0;font-family:Oswald;font-size:20px;font-style:normal;font-weight:400;height:30%;left:10px;line-height:normal;position:absolute;text-align:left;width:100%}.Follower2{top:50px}.Line{background:#000;height:70%;left:-30%;position:absolute;top:15%;width:3px}.DetailsBox{background:#d9d9d9;border-radius:8px;display:flex;flex-direction:row;height:20%;left:5%;top:68%;width:90%}.DetailsBox,.Status2{flex-shrink:0;position:absolute}.Status2{height:30%;left:10%;top:1%}.Status2,.Status3{color:#000;font-family:Oswald;font-size:20px;font-style:normal;font-weight:200;line-height:normal;text-align:left;width:10%}.Status3{flex-shrink:0;height:20%;left:60%;position:absolute}.Status1{top:20%}.Follower1,.Status1{color:#000;flex-shrink:0;font-family:Oswald;font-size:20px;font-style:normal;font-weight:100;height:30%;line-height:normal;position:absolute;text-align:left;width:50%}.Follower1{top:60%}.UserPostBox{background:#8f1514;border-radius:8px;display:flex;flex-direction:row;flex-shrink:0;height:60%;left:5%;overflow-y:auto;position:absolute;top:90%;width:90%}.UserPostBoxTitle{font-family:Oswald;font-size:30px;left:42%;position:relative}.UserPostBoxTitle,.biobox{color:#000;display:flex;flex-direction:row}.biobox{height:80%;left:50%;position:absolute;top:20%;width:50%}.Profileposts{align-items:center;display:flex;flex-direction:column;position:absolute;top:-10%;width:70%}}.profilepostbody{align-items:flex-start;border:#000;border-radius:5px;color:red;display:flex;flex-direction:column;justify-content:center;width:100%}.profilepostlist{background:blue;border:#000;border-radius:20px;display:inline-flex;margin:10px;padding:30px;text-align:left;width:100%}#ProfilePostBackground,#ProfilePostBackgroundFirst,#ProfilePostBackgroundLarge,#ProfilePostBackgroundSmall{background:#d9d9d9;border:#000;border-radius:25px;border-radius:5px;display:flex;flex-direction:column;margin-left:-30%;margin-top:5%;width:100%}#ProfilePostBackgroundFirst{border:#000;border-radius:5px;height:20%;margin-top:34%}#ProfilePostBackgroundSmall{margin-bottom:-13%}.StyleGuide{font-size:30px;margin-top:5%}.Typography{background-color:#d9d9d9;border:2px solid #000;border-radius:8px;color:#000;height:700px;margin:auto;width:80%}#oswaldCSS{border:solid;margin:auto;max-height:294px;max-width:210px}.typography-body{display:flex;flex-direction:column;max-height:350px}.Colors{background-color:#d9d9d9;border:2px solid #000;border-radius:8px;color:#000;height:700px;margin:auto;width:80%}.Colors-Body{flex-direction:column;justify-content:center}.Colors-Body,.red-color{align-items:center;display:flex}.red-color{height:75px;width:200px}#red-color{background-color:#8f1514;border:2px solid #000;border-radius:8px;height:75px;width:75px}.black-color{align-items:center;display:flex;flex-wrap:nowrap;height:75px;width:200px}#black-color{background-color:#4d0a0a;border:2px solid #000;border-radius:8px;height:75px;width:75px}.light-color{align-items:center;display:flex;flex-wrap:nowrap;height:75px;width:200px}#light-color{background-color:#d9d9d9;border:2px solid #000;border-radius:8px;height:75px;width:75px}.white-color{align-items:center;display:flex;flex-wrap:nowrap;height:75px;width:200px}#white-color{background-color:#fff;border:2px solid #000;border-radius:8px;height:75px;width:75px}.Layouts{background-color:#d9d9d9;border:2px solid #000;border-radius:8px;color:#000;height:625px;margin:auto;width:80%}#dropdown{margin:auto;max-height:336px;max-width:217px}.Layouts-Body{display:flex;flex-direction:column}#navbar-image{height:45px;width:1080px}.Icons{align-content:space-around;background-color:#d9d9d9;border:2px solid #000;border-radius:8px;color:#000;display:flex;flex-direction:column;height:650px;margin:auto;width:80%}.Icons-Body{font-size:24px}#homepageIcons{margin:auto;max-height:150px;max-width:1100px}#hamburger,#homepageIcons,#stylePostIcons{border:solid;border-width:2px}#example-svg{background-color:#4d0a0a;border-radius:5px;height:90px;width:90px}.Inlines{align-content:space-around;background-color:#d9d9d9;border:2px solid #000;border-radius:8px;color:#000;display:flex;flex-direction:column;height:700px;margin:auto;width:80%}#exampleCursorCSS,#loginInlines{border:solid;border-width:2px}.Feedback{height:700px}.Feedback,.Modals{align-content:space-around;background-color:#d9d9d9;border:2px solid #000;border-radius:8px;color:#000;display:flex;flex-direction:column;margin:auto;width:80%}.Modals{height:375px}#good-email,#good-prompt,#saved{height:200px;width:325px}#bademail,#badpass,#missing-prompt{height:200px;width:300px}.row{display:flex}.column{flex:33.33% 1;padding:5px}@media (max-width:1024px){.StyleGuide{font-size:20px}.Typography{background-color:#d9d9d9;border:2px solid #000;border-radius:8px;color:#000;height:725px;width:90%}.typography-body{word-wrap:break-word;display:flex;flex-direction:column}.Colors{background-color:#d9d9d9;border:2px solid #000;border-radius:8px;color:#000;height:700px;width:90%}.Colors-Body{flex-direction:column;justify-content:center}.Colors-Body,.red-color{align-items:center;display:flex}.red-color{height:75px;width:200px}#red-color{background-color:#8f1514;border:2px solid #000;border-radius:8px;height:75px;width:75px}.black-color{align-items:center;display:flex;flex-wrap:nowrap;height:75px;width:200px}#black-color{background-color:#4d0a0a;border:2px solid #000;border-radius:8px;height:75px;width:75px}.light-color{align-items:center;display:flex;flex-wrap:nowrap;height:75px;width:200px}#light-color{background-color:#d9d9d9;border:2px solid #000;border-radius:8px;height:75px;width:75px}.white-color{align-items:center;display:flex;flex-wrap:nowrap;height:75px;width:200px}#white-color{background-color:#fff;border:2px solid #000;border-radius:8px;height:75px;width:75px}.Layouts{background-color:#d9d9d9;border:2px solid #000;border-radius:8px;color:#000;height:825px;width:90%}.Layouts-Body{display:flex;flex-direction:column}#navbar-image{height:30px;width:375px}.Icons{align-content:space-around;background-color:#d9d9d9;border:2px solid #000;border-radius:8px;color:#000;display:flex;flex-direction:column;height:675px;width:90%}.Icons-Body{font-size:24px}#homepageIcons{margin:auto;max-height:50px;max-width:360px}#example-svg{background-color:#4d0a0a;border-radius:5px;height:90px;width:90px}.Inlines{align-content:space-around;background-color:#d9d9d9;border:2px solid #000;border-radius:8px;color:#000;display:flex;flex-direction:column;height:700px;width:90%}#loginInlines{max-height:175px;max-width:350px}.Feedback{height:1700px}.Feedback,.Modals{align-content:space-around;background-color:#d9d9d9;border:2px solid #000;border-radius:8px;color:#000;display:flex;flex-direction:column;width:90%}.Modals{height:425px}.Typography-Body{display:flex;flex-direction:column}#good-email,#good-prompt,#saved{height:200px;width:325px}#bademail,#badpass,#missing-prompt{height:200px;width:300px}.row{display:column}.column,.row{flex-direction:column}.column{flex:0% 1;padding:0}}.discussionContainer{display:flex;flex-direction:row}.addDiscussion:hover{transform:scale(1.05)}.modalBox::placeholder{text-align:center}.profileform label{display:block}.findUser{border:1px solid #000;border-radius:1ch;line-height:300%;width:150%}.findUser:hover,.startChat:hover{transform:scale(1.05)}@media(max-width:2880px){.modalText{font-family:Oswald;font-size:2em;margin-top:10%}.addChatButton{height:100%;margin-left:45%;padding:1%;width:10%}.addChatButton,.startChat{border:1px solid #000;border-radius:3ch}.startChat{margin-left:37%;margin-top:4%;position:absolute}.usernameList{font-size:2em;margin-top:0}}@media (max-width:2560px){.modalText{font-family:Oswald;font-size:2em;margin-top:10%}.addChatButton{height:100%;margin-left:45%;padding:1%;width:10%}.addChatButton,.startChat{border:1px solid #000;border-radius:3ch}.startChat{margin-left:35%;margin-top:4%;position:absolute}.usernameList{font-size:2em;margin-top:0}}@media(max-width:1920px){.modalText{font-family:Oswald;font-size:1em;margin-top:10%}.addChatButton{height:100%;margin-left:45%;padding:1%;width:10%}.addChatButton,.startChat{border:1px solid #000;border-radius:3ch}.startChat{margin-left:35%;margin-top:4%;position:absolute}.usernameList{font-size:2em;margin-top:0}}@media(max-width:1080px){.modalText{font-family:Oswald;font-size:2em}.addChatButton{height:100%;padding:3%;width:40%}.addChatButton,.startChat{border:1px solid #000;border-radius:3ch;margin-left:30%}.startChat{margin-top:1%;position:absolute}.usernameList{font-size:.8em;margin-top:-5%}}@media(max-width:720px){.modalText{font-family:Oswald;font-size:2em}.addChatButton{height:100%;margin-left:30%;padding:3%;width:40%}.addChatButton,.startChat{border:1px solid #000;border-radius:3ch}.startChat{margin-left:20%;margin-top:3%;position:absolute}.usernameList{font-size:1em;margin-top:-8%}}.savedPost{color:#000}.postLink{background-color:#0a0a0a;border-radius:8px;color:#d9d9d9;font-size:100%;margin-left:.5%;padding:2%}.savedPostPagePosts{border:solid;border-color:#000;border-radius:25px}.savedPost{background:#d9d9d9;border-radius:25px;display:flex;margin-bottom:3%;margin-left:25%;margin-top:10%;width:50%}.savedPostInformation{align-items:left;display:grid;grid-template-columns:auto 50%;justify-content:left;padding:5%}.savedPostImage{display:grid;width:30%}.savedPostImage img{width:100%}.savedPostUserDisc{font-size:50%}.savedPostContainer p{max-width:95%;text-align:center}.savedPost hr{margin:0 auto 0 0;width:92%}.box{background-color:#d9d9d9;height:30%;left:10%;position:absolute;top:14%;width:80%}
/*# sourceMappingURL=main.529f0bfe.css.map*/