* {
    background-color: black;
    font-family: system-ui;
    color: white;
}

.Accauthsec {
    margin: 31px;
}

.Lasupostaccheading {
    color: white;
    font-size: 2000%;
    font-weight: bolder;
    margin-top: 0px;
}


.signupin button {
    color: white;
    border: 2px solid white;
    font-size: 170%;
    width: 34.8%;
    height: 5.4vh;
    background-color: black;
    border-radius: 1px;
    font-weight: bolder;
    max-width: 300px;
}

.welcomewriteup {
    font-weight: bolder;
    font-size: 130%;
    position: static;
    bottom: 22.4vh;
}

.Releasenoteslinks {
    position: fixed;
    bottom: 2vh;
}

.Releasenoteslinks a {
    font-size:200%;
    font-weight: 360;
    color: gray;
    padding-inline:29px;padding: 5px;
    text-decoration: none;font-weight:450;
}

.signupform {
    position: fixed;
    top: 13vh;
    left: 7.5vw;
    border: 1px solid gray;
    border-radius: 50px;
    width: 80vw;
    background-color: white;
    padding: 30px;
    color: black;
}

.signupformlabel {
    text-align: left;
    background-color: transparent;
    color: black;
    font-size: 240%;
    font-weight: 600;
}



.signupform div {
    background-color: white;
}

.signupform div input {
    width: 60vw;
    height: 5vh;
    text-align: center;
    font-size: 170%;
    font-weight: 500;
    border-left: none;
    border-right: none;
    border-top: none;
    background-color: white;
    color: black;
}

.signupdept {
    margin-top: 50px;
    width: 500px;
    font-size: 25px;
    text-align: center;
    border-radius: 20px;
    border: 5px solid black;
    padding: 10px;
    background-color: transparent;
    color: black;
    font-weight: 560;
}

.signupcourselevel {
    margin-top: 50px;
    width: 500px;
    font-size: 25px;
    text-align: center;
    border-radius: 20px;
    border: 5px solid black;
    padding: 10px;
    background-color: transparent;
    color: black;
    font-weight: 560;
}

.signupsubmit {
    width: 200px;
    height: 50px;
    color: blue;
    background-color: transparent;
    font-size: 179%;
    border: none;
    font-weight: 750;
    padding: 20px;
}

.errormessage {
    background-color: transparent;
    font-size: 174%;
    display: block;
    color: black;
    font-weight: 520;
}

.signupformcancel {
    float: right;
    background-color: transparent;
    color: green;
    font-size: 140%;
    font-weight: 520;
    border: none;
}

.signinform {
    position: fixed;
    top: 17vh;
    left: 7.5vw;
    border: 1px solid gray;
    border-radius: 50px;
    width: 80vw;
    background-color: white;
    padding: 30px;
    color: black;
}

.signinformlabel {
    text-align: left;
    background-color: transparent;
    color: black;
    font-size: 240%;
    font-weight: 600;
}

.signinform div {
    background-color: white;
}

.signinform div input {
    width: 60vw;
    height: 5vh;
    text-align: center;
    font-size: 170%;
    font-weight: 500;
    border-left: none;
    border-right: none;
    border-top: none;
    background-color: white;
    color: black;
}

.signindept {
    margin-top: 50px;
    width: 500px;
    font-size: 25px;
    text-align: center;
    border-radius: 20px;
    border: 5px solid black;
    padding: 10px;
    background-color: transparent;
    color: black;
    font-weight: 560;
}

.signincourselevel {
    margin-top: 50px;
    width: 500px;
    font-size: 25px;
    text-align: center;
    border-radius: 20px;
    border: 5px solid black;
    padding: 10px;
    background-color: transparent;
    color: black;
    font-weight: 560;
}

.signinsubmit {
    width: 200px;
    height: 50px;
    color: blue;
    background-color: transparent;
    font-size: 179%;
    border: none;
    font-weight: 750;
    padding: 20px;
}

.errormessagesignin {
    background-color: transparent;
    font-size: 174%;
    display: block;
    color: black;
    font-weight: 520;
}

.signinformcancel {
    float: right;
    background-color: transparent;
    color: green;
    font-size: 140%;
    font-weight: 520;
    border: none;
}



.mainnav {
    position: absolute;
    top: 95vh;
    font-weight: 500;
    font-size: 150%;
    display: flex;
    justify-content: space-between;
    width: 100vw;
    background-color: hwb(0 2.2% 98% / 1);
    height: 5.5vh;
    align-items: center;
}

.mainnav span {
    background-color: hwb(0 2.2% 98% / 1);
}


.homepage {
    height: 94.5vh;
    top: 0vh;
    background-color: transparent;width:100vw;
}

.homepagenav {
    position: absolute;
    top: 1vh;
    left: 50%;
    transform: translateX(-50%);
    width: 37vw;
    justify-content: space-between;
    display: flex;
    background-color: transparent;
}

.homepagenav span {
    font-size: 240%;
    font-weight: 400;
    background-color: transparent;
}

.homeforyoupage {
    height: 94.5vh;
    background-color: #0e0e0f5e;
    position: static;
    top: 0vh;
    width: 100vw;
    left: 0vw;
    overflow-y:scroll;
}

.hometrendspage {
    height: 94.5vh;
    background-color:#0e0e0f5e ;
    position: static;
    top: 0vh;
    width: 100vw;
    left: 0vw;
    overflow-y:scroll;
}

.circlepage {
    height: 94.5vh;
    background-color: #20222b5e;width:100vw;
}

.circlepagenav {
    top: 0.4vh;
    left: 0vw;
    width: 100vw;
    display: flex;
    background-color: transparent;
    border-bottom: 4px solid white;
    align-items: flex-end;
    position: relative;
}

.circlepagenav span {
    font-size: 240%;
    font-weight: 500;
    background-color: transparent;
    margin-left: 3%;
    white-space: nowrap;
}

.circlepagediscussionspage {
    height: 90.5vh;
    background-color: transparent;
    top: 0vh;
    width: 100vw;
    left: 0vw;
}

.circlepagemyspacepage {
    height: 90.5vh;
    background-color: transparent;
    top: 0vh;
    width: 100vw;
    left: 0vw;
}

.circlepageinteractionspage {
    height: 90.5vh;
    background-color: transparent;
    top: 0vh;
    width: 100vw;
    left: 0vw;
}

.createpage {
    height: 94.9vh;
    background-color: #161719;
    position: fixed;
    width: 100vw;
    left: 0vw;
    top: 0vw;
    color: white;
    height: 94.5vh;
    background-color: #20222b5e;width:100vw;
    
}

.createpagenav {
    background-color: #2a2d33;
    float: right;
    width: 70vw;
    height: 5vh;
    display: flex;
    align-items: center;
    border-radius: 2000px 4px 4px 2000px;
}

.createpagenav span {
    background-color: #2a2d33;
    font-size: 220%;
    font-weight: 600;
    margin-left: 9%;
    color: #d2dfcc;
}

.createpageping {
    color: #a8c6ed
}

.createpageeditsection {
    background-color: transparent;
    position: relative;
    top: 5.1vh;
    height: 89.1vh;
}

.createpageimagecontainer {
    background-color: #20222b5e;
    height: 40vh;
    width: 100vw;
    position: relative;
    top: 1vh;
    border-radius: 0px;
}

.createpageimagecontainerlabel {
    background-color: #383a3b;
    color: white;
    font-size: 140%;
    font-weight: 400;
    position: absolute;
    left: 0vw;
    bottom: 0vh;
    padding: 1%;
    border-radius: 0px 50px 50px 0px;
    width: 25vw;
    border: 4px solid #40414a;
    border-left: none;
}

.createpagecomment {
    padding: 3%;
    width: 100vw;
    display: flex;
    align-items: flex-start;
    height: 15vh;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    font-size: 85%;
    position: absolute;
    font-weight: normal;
}

.createpagecomment::placeholder {
    font-size: 200%;
    font-weight: 650;
}

.createpagespanfileupload {
    color: white;
    position: relative;
    display: block;
    top: 19.8vh;
    background-color: transparent;
    width: fit-content;
    left: 2vw;
}

.createpagespanfileupload label {
    background-color: #1f211ede;
    margin-right: 30%;
    font-size: 210%;
    font-weight: 600;
    color: #a6b4a7;
    border-radius: 40px;
    padding: 7.2%;
}

.createpageadviews {
    position: absolute;
    left: 0vw;
    top: 65vh;
    font-size: 210%;
    background-color: #24242454;
    margin-left: 2%;
    padding: 20px;
    border-radius: 30px;width:50vw;
}

.createpageeventedit{
    position: absolute;
    left: 0vw;
    top: 65vh;
    font-size: 150%;
    background-color: #24242454;
    margin-left: 2%;
    padding: 20px;
    border-radius: 30px;width:50vw;
}

.createpageadedit2{background-color:transparent;font-size:70%;text-align:left;color:gray;}
.createpageadedit3{float:left;background-color:transparent;}
.createpageadviews select {
    background-color: transparent;
    font-size: 100%;
    border-radius: 25px;
    border: 10px solid gray;
    margin-left: 20px;
}

.createpagediscussionedit {
    top: 66vh;
    position: absolute;
    left: 2.7vw;
    background-color: transparent;
    font-size: 198%;
    font-weight: 600;
}

.createpagedicussionstopic {
    font-weight: 100;
    color: white;
    font-size: 100%;
    background-color: transparent;
    border: 7px solid #5b5b6a;
    border-radius: 20px;
    padding: 20px;
    left: 0vw;
    position: absolute;
}

.createpagedicussionstopicmain {
    height: 4vh;
    font-size: 100%;
    background-color: #1f2023;
    border: none;
    border-radius: 20px;
    padding: 20px;
    color: white;
    width: 90vw;
    top: 5vh;
    position: absolute;
}

.createpagedicussionstopic::placeholder {
    color: white;
    font-weight: 100;
}

.createpagedicussionstopicmain::placeholder {
    color: white;
    font-weight: 100;
}

.createpageshare {
    background-color: #0000008f;
    color: #a8c6ed;
    position: absolute;
    font-size: 400%;
    bottom: 0.5vh;
    width: 85vw;
    left: 4vw;
    padding: 3.5%;
    border-radius: 40px;
    letter-spacing: 37px;
    font-weight: 400;
    border-left: 7px solid limegreen;
    border-right: 7px solid dodgerblue;
    transition:0.5s ease-in-out;
}
.createpageshare:hover{background-color:#0002079e;color:white;}

.explorepage {
    height: 94.5vh;
    height: 94.5vh;
    background-color: #20222b5e;width:100vw;
}

.explorepage input {
    color: white;
    width: 80vw;
    border: none;
    font-size: 200%;
    background-color: #202123a8;
    height: 5.7vh;
    border-radius: 10px;
    padding-left: 30px;
    float: left;
    margin-left: 1%;
    margin-top: 1.5%;
}

.explorepage button {
    color: yellow;
    font-size: 400%;
    background-color: black;
    border: none;
    position: relative;
    margin-top: 1.5%;
    height: 5.7vh;
    width: 12vw;
    border-radius: 10px;
}

.explorepage input::placeholder {
    color: white;
}

.explorepage input:focus {
    outline: none;
}

.explorepagelinksupload {
    background-color: #121315fc;
    height: 94vh;
    bottom: 5.9vh;
    width: 100vw;
    position: fixed;
    left: 0vw;
    border-radius: 30px 30px 0px 0px;
}

.explorepagelinksuploadcancel {
    background-color: transparent;
    float: left;
    font-size: 300%;
    height: 4vh;
    font-weight: 600;
    margin-left: 1.5%;
    margin-top: 1.5%;
    width: 7vw;
    border-radius: 200px;
    padding: 5px;
}

.explorepagelinksupload input {
    position: fixed;
    top: 23vh;
    left: 1.4vw;
    width: 90vw;
    height: 9vh;
}

.explorepagelinksupload textarea {
    padding: 15px;
    background-color: #1d1f1f63;
    position: fixed;
    top: 45vh;
    left: 3vw;
    width: 90vw;
    border: none;
    border-radius: 30px;
    height: 40vh;
    padding-left: 30px;
}

.explorepagelinksupload textarea::placeholder {
    font-size: 210%;
    color: white;
}

.explorepagelinksupload textarea:focus {
    outline: none;
}

.explorepagelinksupload button {
    color: #0081ff;
    left: 43vw;
    letter-spacing: 5px;
    font-size: 250%;
    font-weight: 500;
    background-color: transparent;
    top: 87vh;
    position: fixed;
}

.explorepagesearchfields {
    height: 5vh;
    align-items: center;
    background-color: transparent;
    border-bottom: 1px;
    width: 88vw;
    font-size: 187%;
    display: flex;
    justify-content: space-between;
    position:static;
    margin-left: 6vw;
    font-weight: 400;
}

.explorepagesearchfields span {
    background-color: transparent;
    color: #b7b5c6;font-weight:400;width:fit-content;padding-inline:1%;
    ;
}

.explorepagesearchfieldsaccountspage {
    background-color: transparent;
    position: fixed;
    bottom: 6vh;
    height: 82vh;
    width: 100vw;
}

.explorepagesearchfieldspostpage {
    background-color: transparent;
    margin-top:1.5%;
    height: 82vh;
    width: 100vw;
}

.explorepagesearchfieldseventspage {
    background-color: transparent;
    margin-top:1.5%;
    height: 82vh;
    width: 100vw;
}

.explorepagesearchfieldssitepage {
    background-color: transparent;
    margin-top:1.5%;
    height: 82vh;
    width: 100vw;
}

.explorepagesearchfieldsadspage {
    background-color: transparent;
    margin-top:1.5%;
    height: 82vh;
    width: 100vw;
}

.biopage {
    height: 94.5vh;
    background-color: #20222b5e;width:100vw;
}
.userpicname{background-color:transparent;float:left;}
.biopageuserprofilepic{height:8vh;width:8vh;position:fixed;border-radius:500px;left:1vw;margin:1%;background-color:#252632d9;}
.biopageusernames{position:fixed;left:9.8vh;margin-top:2.3%;font-size:170%;text-align:left;font-weight:600;background-color:transparent;}
.biopageusernames span{color:gray;font-weight:500;background-color:transparent;font-size:105%;}
.biopagelasupost{font-size:10px;right:3vw;position:fixed;font-size:400%;font-weight:400;background-color:transparent;color:#ffffff;}
.biopgeuserconnectioninfo{font-size:180%;color:white;position:absolute;top:14vh;background-color:transparent;width:100vw;}
.biopgeuserconnectioninfo span{font-size:120%;background-color:transparent;display:inline-block;margin-inline:6%;color:white;}
.biopgeuserconnectioninfo span span{font-weight:500;font-size:85%;color:#ffffff;background-color:transparent;display:block;}
.biopageuserdescription{overflow-x:hidden;width:77vw;color:white;font-size:107%;font-weight:370;background-color:transparent;}
.biopageuseremail{display:block;font-size:45%;background-color:transparent;text-align:left;padding-left:1%;color:#dfdfdf;font-weight:400;}
.biopageeditprofile{top:25vh;width:27vw;position:fixed;background-color:transparent;font-size:150%;font-weight:680;left:2.3vw;color:white;border:6px solid #ffffff;padding:2%;border-radius:20px;}
.biopageuseruploadsnav{position:fixed;top:35vh;font-size:220%;background-color:transparent;width:100vw;}
.biopageuseruploadsnav span{background-color:transparent;margin-inline:4%;color:#f2f6ff;font-weight:400;}
.biopagepostspage{background-color:transparent;position:fixed;top:38.5vh;width:100vw;bottom:6vh;}
.biopageeventspage{background-color:transparent;position:fixed;top:38.5vh;width:100vw;bottom:6vh;}
.biopagediscussionspage{background-color:transparent;position:fixed;top:38.5vh;width:100vw;bottom:6vh;}
.biopagelinkspage{background-color:transparent;position:fixed;top:38.5vh;width:100vw;bottom:6vh;}
.biopageadspage{background-color:transparent;position:fixed;top:38.5vh;width:100vw;bottom:6vh;}
.signupcheckbox{background-color:transparent;color:black;font-size:170%;font-weight:500;}
.signupcheckbox a{background-color:transparent;color:black;color:blue;text-decoration:none;}
.homeforyoupage div{background-color:transparent;height:fit-content;padding-top:5%;padding-bottom:7%;}
.homeforyoupage div span{float:left;background-color:transparent;left:0vh;width:100vw;margin-block:1%;}
.homeforyoupage div span img{width:6.7vh;height:6.7vh;border-radius: 100px;float:left;}
.homeforyoupage div span span{left:2vw;margin-left:2%;margin-top:2%;background-color:transparent;font-size:200%;font-weight:600;width:fit-content;}
.homeforyoupage div uir{padding:1.2%;left:3.4vw;position:relative;border:1px solid #4a4a4f;border-radius:7px;}
.homeforyoupage div span aside{font-weight:500;border:6px solid white;background-color:transparent;width:fit-content;float:right;margin-top:2%;margin-right:7%;font-size:190%;padding-block:13px;padding-inline:30px;border-radius:17px;}
.homeforyoupage div span fl{color:rgb(0, 128, 255);font-weight:500;;background-color:tra;border-radius:17px;width:fit-content;float:right;margin-top:2%;margin-right:7%;font-size:190%;padding-block:13px;padding-inline:30px;}
.homeforyoupage div img{display:block;width:100vw;max-width:1000px;}
.homeforyoupage div aside{background-color:transparent;width:100vw;display:flex;}
.homeforyoupage div aside span{font-size:550%;margin:0%;padding:0%;text-align:left;display:inline;width:fit-content;margin-inline:2.7vw}
.homeforyoupage div aside span b{font-size:40%;font-weight:500;padding-inline:1vw;background-color:transparent;}
.homeforyoupage div section{overflow-y:scroll;position:absolute;left:0vw;right:0vw;top:11.5vh;width:100vw;bottom:5vh;border-radius:60px 60px 0px 0px;border:1px solid gray;background-color:#111213}
.homeforyoupage div section div{display:flex;color:white;font-size:160%;font-weight:bolder;text-align:left;width:fit-content;max-width:80vw;margin-left:3vw;padding:4%;border-radius:30px;}
.homeforyoupage div section textarea::placeholder{color:white;font-size:210%;font-weight:400;}
.homeforyoupage div section textarea{font-weight:500;background-color:#121212;
border-top:2px solid gray;width:100vw;position:fixed;bottom:5.9vh;
display:flex;border-bottom:none;border-left:none;border-right:none;height:2vh;padding:30px;}
.homeforyoupage div section textarea:focus{background-color:#171717;height:20vh;
            border-top-left-radius:30px;}
.homeforyoupage div div{padding-bottom:0%;font-size:180%;text-align:left;padding-inline:3vw;font-weight:500;padding-top:0%;}
.homeforyoupage div n{background-color:transparent;margin-top:2%;font-size: 170%;color:gray;font-weight:500;float:left;margin-left:3%;}
.homeforyoupage div button{border:3px solid white;background-color:black;font-size:220%;bottom:6.5vh;right:1.5vw;position:fixed;border-radius:100px;width:7.5%;height:4%;font-weight:500;}
.homeforyoupage div section div y{display:flex;margin-inline:1%;height:fit-content;background-color:transparent;}
.homeforyoupage div section div y img{display:inline;height:5vh;width:5vh;border-radius:500px;}
.homeforyoupage div section div y g{background-color:transparent;margin-top:1.5vh;}
.homeforyoupage div section div y g c{display:block;margin-inline:2vw;width:max-content;background-color:transparent;max-width:70vw;}
.homeforyoupage div section div y c l{background-color:transparent;color:gray;font-size:89%;}
.homeforyoupage div section div lp{background-color:transparent; font-size:230%;float:right;
                                   color:#7a7f7c;height:fit-content;position:relative;top:3.5vh;right:5vw;}
.homeforyoupage div kia{background-color:#7d0909;align-items:center;width:95.4vw;font-size:200%;font-weight:500;padding-left:4vw;display:flex;padding-block:1vw;border-radius:10px;height:4vh;}
.homeforyoupage div kie{background-color:#2b2d34;align-items:center;width:95.4vw;font-size:200%;font-weight:500;padding-left:4vw;display:flex;padding-block:1vw;border-radius:10px;height:4vh;}
.homeforyoupage inh {background-color:#1516152b;float:left;width:100vw;margin-block:2%;;border-radius:10px;display:block;padding-block:3%;}
.homeforyoupage inh krw{background-color:transparent;font-size:300%;float:left;left:2vw;position:relative;right:5vw;padding-right:6.785%;}
.homeforyoupage inh krw tfm{font-size:50%;padding:10%;border-radius:10px;background-color:#171b1b59;}
.homeforyoupage disc{background-color:transparent;height:fit-content;display:block;padding-top:5%;padding-bottom:7%;}
.homeforyoupage disc k{background-color:transparent;font-size:150%;float:left;margin-left:0.5vh;padding:10px;border:3px solid brown;border-radius:100px;}
.homeforyoupage disc span{background-color:transparent;float:left;margin-bottom:1%;display:flex;margin-left:1vw;}
.homeforyoupage disc img{background-color:transparent;border-radius:0px;height:fit-content;width:100vw;border-radius:40px;}
.homeforyoupage disc span img{background-color:transparent;border-radius:1000px;height:4.5vh;width:4.5vh;}
.homeforyoupage disc span r{background-color:transparent;font-size:200%;margin-top:0.8vh;margin-left:2%;white-space:nowrap;}
.homeforyoupage disc span r l{background-color:transparent;font-size:70%;color:gray;font-weight:600;margin-left:4%;white-space:nowrap;}
.homeforyoupage disc aside{background-color:transparent;width:95vw;justify-content:space-between;display:flex;align-content:center;left:1vw;position:relative;align-items:center;}
.homeforyoupage disc aside l{background-color:transparent;font-size:400%;display:flex;align-items:center;}
.homeforyoupage disc aside l d{background-color:transparent;font-size:45%;}
.homeforyoupage disc k{animation: random-color 20s infinite;}
.homeforyoupage disc t{display:flex;height:fit-content;font-size:170%;font-weight:500;background-color:#14151657;position:relative;left:0.5vw;width:95vw;margin-top:8%;padding:2%;border-radius:50px;padding-block:4%;}
@keyframes random-color{
    0% {border:3px solid brown}
    20% {border:3px solid #0c1260}
    40% {border:3px solid #17141b}
    60% {border:3px solid white}
    80% {border:3px solid #12152a}
    100% {border:3px solid #20342a}
    120% {border:3px solid black}
    140% {border:3px solid navy}
    160% {border:3px solid #4d0202}
}
.homeforyoupage div tv{display:flex;align-items:center;float:right;position:relative;left:25vw;font-size:360%;
                       background-color:transparent;font-weight:bolder;}

.hometrendspage div{height:94.5vh;background-color:transparent;top:0vh;width:100vw;left:0vw;display:flex;align-items:center;}
.hometrendspage div img{width:100vw;height:fit-content;max-height:94.5vh;max-width:100vw;position:fixed;}
.hometrendspage div aside{position:fixed;float:left;bottom:4.9vh;font-weight:400;font-size:190%;display:flex;flex-direction:column;margin-left:1%;background-color:transparent;}
.hometrendspage div aside n{background-color:transparent;display:block;float:left;text-align:left;margin-block:1vh;}
.hometrendspage div aside w{color:gray;font-weight:600;background-color:transparent;margin-inline:7%;font-size:88%;white-space:nowrap;}
.hometrendspage div span{top:25vh;position:fixed;font-size:250%;right:1vw;display:flex;flex-direction:column;background-color:transparent;}
.hometrendspage div span img{width:fit-content;position:relative;background-color:transparent;}
.hometrendspage div span span{background-color:transparent;position:relative;font-size:250%;}
.hometrendspage div span span img{width:12vw;height:12vw;border-radius:300px;border:2px solid white;margin-bottom:0.7vh;}
.hometrendspage div span span r{background-color:transparent;font-size:30%;font-weight:200;}


.hometrendspage div section{overflow-y:scroll;position:absolute;left:0vw;right:0vw;top:11.5vh;width:100vw;bottom:5vh;
                            border-radius:60px 60px 0px 0px;border:1px solid gray;background-color:#111213;}
.hometrendspage div section div{color:white;font-size:160%;font-weight:bolder;text-align:left;
                                width:fit-content;max-width:80vw;margin-left:3vw;padding:4%;border-radius:30px;height:fit-content;}
.hometrendspage div section textarea::placeholder{color:white;font-size:210%;font-weight:400;}
.hometrendspage div section textarea{border-top:2px solid gray;width:100vw;position:fixed;bottom:5.9vh;
display:flex;border-bottom:none;border-left:none;border-right:none;height:2vh;padding:30px;}
.hometrendspage div section textarea:focus{background-color:#171717;height:20vh;
            border-top-left-radius:30px;}
.hometrendspage div button{border:3px solid white;background-color:black;font-size:220%;bottom:6.5vh;right:1.5vw;position:fixed;border-radius:100px;width:7.5%;height:4%;font-weight:500;}
.hometrendspage div section div y{display:flex;margin-inline:1%;height:fit-content;background-color:transparent;}
.hometrendspage div section div y img{display:inline;height:5vh;width:5vh;border-radius:500px;position:relative;}
.hometrendspage div section div y g{background-color:transparent;margin-top:1.5vh;}
.hometrendspage div section div y g c{display:block;margin-inline:2vw;width:max-content;background-color:transparent;max-width:70vw;}
.hometrendspage div section aside{top:11.5vh;width:95vw;text-align:right;padding-top:2%;height:fit-content;width:fit-content;right:5vw;}



.circlepagediscussionspage{background-color:transparent;}
.circlepagediscussionspage div{background-color:transparent;height:fit-content;margin-block:5%;}
.circlepagediscussionspage div k{background-color:transparent;font-size:150%;float:left;margin-left:0.5vh;padding:10px;border:3px solid brown;border-radius:100px;}
.circlepagediscussionspage div span{background-color:transparent;float:left;margin-bottom:1%;display:flex;margin-left:1vw;}
.circlepagediscussionspage div img{background-color:transparent;border-radius:20px;height:fit-content;width:100vw;}
.circlepagediscussionspage div span img{background-color:transparent;border-radius:1000px;height:4.5vh;width:4.5vh;}
.circlepagediscussionspage div span r{background-color:transparent;font-size:200%;margin-top:0.8vh;margin-left:2%;white-space:nowrap;}
.circlepagediscussionspage div span r l{background-color:transparent;font-size:70%;color:gray;font-weight:600;margin-left:4%;white-space:nowrap;}
.circlepagediscussionspage div aside{background-color:transparent;width:95vw;justify-content:space-between;display:flex;align-content:center;left:1vw;position:relative;align-items:center;}
.circlepagediscussionspage div aside l{background-color:transparent;font-size:400%;display:flex;align-items:center;}
.circlepagediscussionspage div aside l d{background-color:transparent;font-size:45%;}
.circlepagediscussionspage div k{animation: random-color 20s infinite;}
.circlepagediscussionspage div t{display:flex;height:fit-content;font-size:170%;font-weight:500;background-color:#14151657;position:relative;left:0.5vw;width:95vw;margin-top:8%;padding:2%;border-radius:50px;padding-block:4%;}
@keyframes random-color{
    0% {border:3px solid brown}
    20% {border:3px solid #0c1260}
    40% {border:3px solid #17141b}
    60% {border:3px solid white}
    80% {border:3px solid #12152a}
    100% {border:3px solid #20342a}
    120% {border:3px solid black}
    140% {border:3px solid navy}
    160% {border:3px solid #4d0202}
}
.explorepagelinksupload div{position:fixed;top:10vh;background-color:transparent;font-size:170%;text-align:left;left:2.7vw;}
.explorepagelinksupload input{position:relative;top:15vh;}
.circlepage div section{overflow-y:scroll;position:absolute;left:0vw;right:0vw;top:11.5vh;width:100vw;bottom:5vh;
                            border-radius:60px 60px 0px 0px;border:1px solid gray;background-color:#111213;}
.circlepage div section div{color:white;font-size:160%;font-weight:bolder;text-align:left;
                                width:fit-content;max-width:80vw;margin-left:3vw;padding:4%;border-radius:30px;height:fit-content;}
.circlepage div section textarea::placeholder{color:white;font-size:210%;font-weight:400;}
.circlepage div section textarea{border-top:2px solid gray;width:100vw;position:fixed;bottom:5.9vh;
display:flex;border-bottom:none;border-left:none;border-right:none;height:2vh;padding:30px;}
.circlepage div section textarea:focus{background-color:#171717;height:20vh;
            border-top-left-radius:30px;}
.circlepage div button{border:3px solid white;background-color:black;font-size:220%;bottom:6.5vh;right:1.5vw;position:fixed;border-radius:100px;width:7.5%;height:4%;font-weight:500;}
.circlepage div section div y{display:flex;margin-inline:1%;height:fit-content;background-color:transparent;}
.circlepage div section div y img{display:inline;height:5vh;width:5vh;border-radius:500px;position:relative;}
.circlepage div section div y g{background-color:transparent;margin-top:1.5vh;}
.circlepage div section div y g c{display:block;margin-inline:2vw;width:max-content;background-color:transparent;max-width:70vw;}
.circlepage div section aside{top:11.5vh;width:95vw;text-align:right;padding-top:2%;height:fit-content;width:fit-content;right:5vw;}