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}body{box-sizing:border-box;font-family:Montserrat,sans-serif;height:100vh;width:100vw}#root{background-color:rgba(138,43,226,.05);background-color:var(--main-bg-color);display:grid;grid-template-columns:1fr;grid-template-rows:70px 1fr;height:100%;overflow-x:hidden;overflow-y:hidden;width:100%}::-webkit-scrollbar{border-radius:20px;width:5px}::-webkit-scrollbar-track{background-color:initial;border-radius:20px;margin-bottom:2rem;margin-top:1rem;padding-left:10px}::-webkit-scrollbar-thumb{background-color:#f25787;background-color:var(--accent-one);border-radius:5px}::-webkit-scrollbar-button,::-webkit-scrollbar-corner{display:none}:root{--dark-red:#d80f24;--main-bg-color:rgba(138,43,226,.05);--main-bg-color-solid:#f9f4fe;--accent-one:#f25787;--accent-two:#f2195c}@media (max-width:700px){#root{grid-template-rows:1fr 70px}}#home{grid-column:1/-1;overflow-y:scroll}#home section{height:100%}#home section img{object-fit:contain}#hero{display:flex;position:relative}#hero div,#hero img{display:inline-block;flex:1 1}#hero div{display:flex;flex-direction:column;justify-content:center;margin-right:25px}#hero h1{color:var(--dark-red);font-size:60px;text-align:end}#hero p{word-wrap:normal;color:#f25787;font-size:25px}#profile{display:flex;position:relative}#profile div{margin-left:50px}#profile h1{font-size:60px}#profile p{color:gray;font-size:30px}#profile img{height:75%;margin:auto;width:75%}#chat{display:flex;justify-content:space-between}#chat div{margin-right:50px}#chat p{color:gray;font-size:30px}#chat h1{font-size:60px;text-align:end}#chat a{color:#fff;text-decoration:none}#chat button{background-color:var(--accent-two);border:none;border-radius:10px;box-shadow:0 0 10px gray;color:#fff;display:block;font-family:Montserrat,sans-serif;font-size:20px;margin:auto auto 1rem;padding:15px;transition:box-shadow .5s ease}#chat button:hover{box-shadow:0 0 20px #000}#chat img{aspect-ratio:4/3;width:75%}@media (max-width:1120px){#home{overflow-x:hidden;padding:0 10px 100px}#hero div{position:static}#home section{display:flex;flex-direction:column}section:not(section#hero) img{height:50%;order:2;width:auto}section:not(section#hero){font-size:20px}}@media (max-width:650px){#home section div h1{font-size:30px}#home section div p{font-size:15px}}.photo-input{align-self:center;aspect-ratio:4/5;background-color:#fff;border-radius:10px;box-shadow:0 0 10px gray;box-sizing:border-box;height:90%;justify-self:center;outline:none;position:relative;scroll-snap-align:center;scroll-snap-stop:always;transition:height .5s ease,width .5s ease,outline .25s ease,box-shadow .5s ease}.photo-input:hover{box-shadow:0 0 20px #000;outline:2px solid var(--accent-one)}.photo-input img{aspect-ratio:4/5;background-color:#fff;border-radius:10px;object-fit:cover;object-position:center;position:absolute;width:100%;z-index:5}.photo-input button{position:absolute;top:105%;z-index:2}.photo-input .delete-btn{align-items:center;background-color:var(--dark-red);border-radius:999%;display:flex;height:30px;justify-content:center;position:absolute;right:-12px;top:-12px;width:30px;z-index:10}.photo-input .delete-btn i{color:#fff}.icon-container{align-items:center;border:none;border-radius:10px;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.icon-container i{color:#d3d3d3}.photo-input input[type=file]{border:none;border-radius:10px;color:#fff;height:100%;left:0;opacity:0;position:absolute;scroll-snap-align:center;top:0;width:100%;z-index:1}.photo-input input[type=file].hasImage{pointer-events:none}.photo-input label{font-size:18px;left:-5px;position:absolute;top:-30px}@media (max-width:1120px){.photo-input{aspect-ratio:4/5;min-height:400px}}#status-message{border-radius:10px}#status-message.success{background-color:#83f783;color:green}#status-message p{font-size:14px;text-align:center}#status-message.rejected{background-color:#f76262;color:red}#spinner-container{display:flex;justify-content:center}#spinner-container i{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;font-size:28px}#button-bar{display:flex;justify-content:space-between}#dislike,#like{border-radius:20px;box-sizing:border-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem}#button-bar #dislike,#button-bar #like{font-size:20px}#dislike{border:1px solid var(--dark-red);color:var(--dark-red)}#like{border:1px solid var(--accent-one);color:var(--accent-one)}@media (max-width:1120px){#button-bar{order:10}}.user-icon{align-items:center;aspect-ratio:1/1;background-color:gray;border:1px solid gray;border-radius:999%;box-shadow:3px 3px 6px #000;display:flex;justify-content:center}.user-icon.banner{height:100px}.user-icon.banner span{font-size:40px}.user-icon.nav{border:none;box-shadow:none;display:inline-block;height:40px}.user-icon.nav span{font-size:20px}.user-icon.link{display:inline-block;font-size:30px;height:90%}.user-icon.messages{height:100px}.user-icon img{border-radius:inherit;height:100%;object-fit:cover;object-position:center;width:100%}.user-icon span{align-items:center;display:flex;font-weight:500;height:100%;justify-content:center;width:100%}.user-banner{display:flex;flex-basis:fit-content;gap:25px;height:25%;max-height:150px}.user-banner .user-icon{align-items:center;aspect-ratio:1/1;background-color:gray;border:1px solid grey;border-radius:999%;box-shadow:3px 3px 6px #000;display:flex;height:100%;justify-content:center}.user-icon.default h1{font-size:48px}.user-banner .user-name-age{display:inline-block;flex:1 1}.user-name-age #name{word-wrap:break-word;font-size:32px;margin:1rem 0 0}.user-name-age #age{font-size:24px;margin:0}@media (max-width:1120px){#profile-page .user-banner{background-color:#fff;border-radius:10px;box-shadow:0 0 10px gray;box-sizing:border-box;padding:20px;top:0}}.hate{background-color:var(--accent-two);border-radius:50px;color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-self:center;padding:15px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:11}.hate i{color:#000;padding-left:.5rem}.user-hates-container{display:flex;flex:1 1;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.user-hates-container>p{font-size:22px}.user-hates{display:flex;flex:1 1;flex-wrap:wrap;gap:10px}.user-hates .hate{pointer-events:none}.user-hates .hate.active{pointer-events:all}.bio-container{background-color:#fff;border-radius:20px;box-shadow:0 0 10px gray;box-sizing:border-box;grid-row:1/-1;justify-content:flex-start;justify-self:center;margin:50px;padding:25px;position:relative;width:80%}.bio-container,.bio-content{display:flex;flex-direction:column}.bio-content{flex:1 1;margin-bottom:1em}.content{border:none;flex:1 1;padding:10px;resize:none}#bio{font-family:Montserrat,"sans-serif";font-size:16px}#bio:focus{border-radius:10px;outline:1px solid var(--accent-one)}#update-profile-btn{background-color:var(--accent-two);border:none;border-radius:20px;box-sizing:border-box;color:#fff;display:inline-block;flex-basis:fit-content;font-family:Montserrat,sans-serif;font-size:16px;margin:0 auto;padding:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bio-content p{font-size:22px}@media (max-width:1120px){#update-profile-btn{order:10}}.prompt{--prompt-width:90%;--prompt-height:fit-content;background-color:var(--accent-two);border-radius:20px;box-shadow:0 0 5px #000;box-sizing:border-box;color:#fff;height:var(--prompt-height);justify-self:center;margin-top:2rem;padding:5px 40px 30px;position:relative;scroll-snap-align:center;scroll-snap-stop:always;transition:padding .5s ease,box-shadow .5s ease;width:var(--prompt-width)}.prompt.active{box-shadow:0 0 20px #000;padding:10px 45px 35px}.prompt p{font-size:18px;margin-right:auto}.prompt div:not(div.options):not(div.option),i,p{pointer-events:none}.prompt i{position:absolute;right:25px;top:15px}.prompt .options{background-color:#fff;border-radius:10px;box-shadow:0 5px 10px #000;box-sizing:border-box;color:#000;height:150px;left:50px;margin-right:auto;max-height:0;overflow:scroll;position:absolute;scroll-behavior:contain;scroll-margin:5px;top:50px;transition:max-height .25s ease,padding .25s ease;width:75%;z-index:10}.prompt .options.active{max-height:150px;padding:5px 10px}.prompt .options .option{display:flex;flex-direction:column;justify-content:flex-start;padding:10px;transition:background-color .2s ease,color .2s ease}.prompt .options .option:hover{background-color:var(--accent-two);color:#fff}.prompt .prompt-input{border:none;border-radius:10px;box-sizing:border-box;font-family:Montserrat,"sans-serif";height:75px;max-height:0;padding:0;resize:none;width:100%}.prompt .prompt-input.active{display:block;max-height:75px;padding:10px;transition:max-height .1s ease}.prompt .prompt-input:focus{border:2px solid #8a2be2;box-shadow:inset 0 0 5px #8a2be2;outline:none}@media (max-width:1120px){.prompt{--prompt-width:95%;align-self:center;margin:0;min-width:0}}#hates{background-color:var(--main-bg-color-solid);box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;justify-content:flex-start;opacity:1;padding:1rem 2rem;width:100%}#hates .hate-category{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}#hates .category-title{margin:0 0 2rem}#hates .hates-container{grid-row-gap:20px;display:grid;grid-auto-flow:row;grid-template-columns:repeat(4,1fr);row-gap:20px}#hates span{size:fit-content;font-size:18px;position:absolute;right:30px;top:20px;z-index:11}@media (max-width:650px){#hates .hates-container{grid-template-columns:1fr 1fr}}.notification-badge{align-items:center;aspect-ratio:1/1;background-color:var(--dark-red);border-radius:999%;display:flex;justify-content:center}.notification-badge.nav{color:#fff;font-size:12px;height:20px;left:0;position:absolute;top:5px}.notification-badge.message{color:#fff;font-size:12px;font-weight:600;height:20px}.conversation-link{background-color:#fff;border-radius:20px;box-shadow:2px 1px 8px gray;cursor:pointer;display:flex;gap:10px;height:50px;padding:20px;position:relative;width:90%}.conversation-link .conversation-info{flex:1 1}.conversation-info .detail{display:flex;gap:20px;justify-content:flex-end;position:relative}.conversation-info .detail p{color:gray;font-size:14px;justify-self:flex-start;left:0;margin-left:5px;position:absolute}.conversation-link p{display:block;font-size:20px;margin:0}.conversation-link i{color:gray}#conversations{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:flex-start;padding:10px 10px 100px}#conversations hr{background-color:gray;border:0;display:block;height:1px;margin-bottom:1rem;width:96%}#conversations #header{align-self:flex-start;box-sizing:border-box;height:10%;padding:10px;width:100%}#conversations #header p{display:inline-block;font-size:32px;margin-bottom:0;margin-left:1rem}#conversations #header i{cursor:pointer;display:inline-block;font-size:30px;margin-left:1rem;pointer-events:fill}#sidebar{background-color:var(--main-bg-color-solid);border-top-left-radius:10px;box-shadow:0 0 3px #000;box-sizing:initial;height:100%;max-width:650px;max-width:0;opacity:1;overflow-y:scroll;position:absolute;right:0;transition:max-width .75s ease;width:100%;z-index:10}#sidebar.active{margin-left:1rem;max-width:650px}#match-overlay{background-color:var(--main-bg-color-solid);border-radius:20px;box-sizing:border-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:300px;padding:10px;position:absolute;width:33%;z-index:100}#match-overlay #match-message{font-size:40px;text-align:center}#match-overlay #image-wrapper{display:flex;justify-content:center;padding-bottom:2rem}#match-overlay #image-wrapper img{aspect-ratio:1/1;background-position:50%;border:1px solid gray;border-radius:999%;box-shadow:5px 5px 10px gray;object-fit:cover;width:125px}#match-overlay #options-wrapper{bottom:0;display:block;margin:0 auto;width:90%}#match-overlay #options{display:flex;justify-content:space-between;width:100%}#match-overlay #options div>*{display:inline-block}#match-overlay #options p{color:gray;cursor:pointer;display:block;pointer-events:fill}#match-overlay #options .message{text-align:end}#overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:50}#overlay #overlay-image{--height-max:90%;--height-min:400px;max-height:var(--height-max);max-width:calc(var(--height-max)*.8);min-height:var(--height-min);min-width:calc(var(--height-min)*.8)}#profile-page{display:grid;grid-template-columns:minmax(400px,1fr) 1fr 1fr;grid-template-rows:repeat(3,1fr);height:100%;overflow:hidden;position:relative;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease;width:100%}#profile-page[draggable=true]{cursor:grab}#profile-page #photos{box-sizing:border-box;display:grid;grid-auto-rows:33vw;grid-column:2/3;grid-row:1/-1;height:100%;overflow-y:scroll;padding:25px 0;scroll-margin-top:25px;scroll-snap-type:y mandatory}#profile-page.dislikes{-webkit-animation:dislike 1s ease;animation:dislike 1s ease}#profile-page.likes{-webkit-animation:like 1s ease;animation:like 1s ease}@-webkit-keyframes dislike{to{-webkit-transform:translate(-300%,-300%) rotate(-45deg);transform:translate(-300%,-300%) rotate(-45deg)}}@keyframes dislike{to{-webkit-transform:translate(-300%,-300%) rotate(-45deg);transform:translate(-300%,-300%) rotate(-45deg)}}@-webkit-keyframes like{to{-webkit-transform:translate(300%,-300%) rotate(45deg);transform:translate(300%,-300%) rotate(45deg)}}@keyframes like{to{-webkit-transform:translate(300%,-300%) rotate(45deg);transform:translate(300%,-300%) rotate(45deg)}}#navbar{grid-column:1/2;grid-row:1/2}@media (max-width:1120px){#profile-page{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:flex;flex-direction:column;gap:50px;overflow-x:hidden;overflow-y:scroll;padding:50px 20px 100px}#root{overflow:visible}}#profile-loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}#profile-loading i{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;color:#d3d3d3;font-size:100px}#home-container{grid-row:2/-1;overflow-x:hidden;position:relative}#message-sidebar{background-color:var(--main-bg-color-solid);border-left:2px solid #000;display:flex;flex-direction:column;height:100%;max-width:0;position:absolute;right:0;width:30%;z-index:10}#message-form{background-color:var(--accent-one);border-radius:10px;box-shadow:0 0 5px #000;flex-grow:.1;min-height:100px;width:100%}#message-form form{align-items:center;display:flex;height:100%;justify-content:space-between;padding-left:20px}#message-form #content{background-color:#fff;border-radius:10px;box-shadow:0 0 2px gray;flex:1 1;margin:auto 0;min-height:50px;overflow:auto;padding:10px}#message-form #content:focus{box-shadow:inset 0 0 5px #000;outline:none}#message-form button{background-color:var(--main-bg-color-solid);border:none;border-radius:5px;font-size:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 20px;padding:5px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message{display:flex;flex-wrap:wrap;position:relative}.message.sent{flex-direction:row-reverse}.message-content{word-wrap:break-word;border-radius:10px;display:block;max-width:50%;padding:10px}.message-content.sent{background-color:var(--main-bg-color-solid);border:1px solid gray}.message-content.received{background-color:var(--accent-two);border:1px solid gray;color:#fff}.time{color:gray;font-size:10px;width:100%}.time.sent{text-align:end}@-webkit-keyframes send{0%{max-width:-webkit-fit-content;max-width:fit-content;top:0}to{max-width:100%;top:100%}}@keyframes send{0%{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;top:0}to{max-width:100%;top:100%}}#messages{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:10px 10px 100px}#messages #conversation-header{display:flex;flex-direction:row-reverse;gap:20px}#messages #conversation-header p{align-self:flex-end;display:inline-block;font-size:30px;margin:1rem 0 0}#messages #conversation-header i{color:gray;cursor:pointer;font-size:30px;left:3rem;pointer-events:fill;position:absolute;top:2rem}#messages-container{background-color:#fff;border-radius:10px;box-shadow:1px 1px 3px #000;display:flex;flex:1 1;flex-direction:column-reverse;margin:2rem 1rem;overflow-x:hidden;overflow-y:scroll;padding:1rem}#signup-carousel{display:flex;height:80%;overflow:hidden;position:relative;-webkit-transform-style:flat;transform-style:flat}#signup-carousel,.carousel-item{align-items:center;justify-content:center;width:100%}.carousel-item{height:100%;position:absolute;transition:left 1s ease}.carousel-item img{border-radius:15px;height:100%;object-fit:contain;width:100%}@media (max-width:750px){#signup-carousel{display:none}}.input{position:relative}.input input{outline:none}.validation #title{color:var(--dark-red);font-size:14px;margin:0}.validation .err-list{font-size:12px;margin:0}.validation .err-msg{color:var(--dark-red);margin:0}.input i{position:absolute;right:-5px;top:25px}#scroll-clicker{display:flex;justify-content:center}#scroll-clicker i{size:20px;pointer-events:fill}#scroll-clicker>div{align-items:center;display:flex;flex-basis:50%;gap:10px;justify-content:center}#scroll-clicker div .dot{border:1px solid var(--accent-one);border-radius:999%;height:5px;width:5px}#scroll-clicker div .active{background-color:var(--accent-one)}#signup-form{box-sizing:border-box;display:flex;flex-direction:column;width:100%}#signup-form form{display:grid;grid-auto-flow:row;grid-auto-rows:100%;height:80%;overflow-x:hidden;overflow-y:hidden;position:relative}#signup-form .page{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;position:absolute;scroll-snap-align:start;transition:top .75s ease;width:100%}#signup-form .page .input{width:60%}#signup-form .page .input input{border:1px solid gray;border-radius:50px;font-size:16px;padding-block:5px;padding-inline:10px;width:100%}#signup-form .page .input label{color:gray;font-size:14px;left:-10px;position:relative;top:-5px}#signup-form section>.title{font-size:48px;justify-self:start;margin-bottom:.5rem;text-align:center}#signup-form section>.subtitle{color:gray;font-size:16px;justify-self:start;margin:0;text-align:center}#signup-form #birthday{color:gray;font-family:Montserrat,sans-serif}#signup-form .select select{border-radius:50px;font-family:Montserrat,sans-serif;font-size:14px;padding-block:5px;padding-inline:5px}#signup-form #button-bar{display:flex;justify-content:center;width:100%}#button-bar i.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;font-size:25px}#signup-form #signup-button{background-color:var(--accent-one);border:none;border-radius:50px;color:#fff;font-family:Monserrat,sans-serif;font-size:18px;font-weight:600;padding:15px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#signup-form #err-msg{border:1px solid var(--dark-red);border-radius:10px;color:var(--dark-red);margin:2rem auto;padding:20px 0;text-align:center;width:80%}#signup-form #login-prompt{color:gray;margin:1rem 0;text-align:center}#login-prompt a{color:var(--accent-two)}#signup-container{display:grid;font-family:Montserrat,sans-serif;grid-template-columns:1fr 1fr;height:100%;padding:0 20px}@media (max-width:750px){#signup-container{grid-template-columns:1fr}}#login-page{display:grid;grid-template-columns:1fr 1fr;height:100%}#login-page #welcome{display:flex;flex-direction:column;height:100%}#welcome h1{background-clip:content-box;font-size:48px;text-align:center}#welcome img{display:block;height:70%;margin:0 auto;object-fit:contain;width:100%}#welcome div{flex:1 1}#login{box-sizing:border-box;display:flex;flex-direction:column;grid-column:2/-1;height:100%;margin-top:2rem;padding:2rem 0;width:100%}#login h1{font-size:48px;margin:0;text-align:center}#login a{color:var(--accent-one);cursor:pointer;pointer-events:fill}#login>p{color:gray;font-size:16px;margin:.5rem 0 0;text-align:center}#login form{align-items:center;display:flex;flex:1 1;flex-direction:column;margin-top:1rem}#login .input{flex:1 1;width:60%}#login input{border:1px solid gray;border-radius:50px;font-family:Montserrat;font-size:14px;padding-block:5px;padding-inline:10px;width:100%}#login button{background-color:var(--accent-one);border:none;border-radius:50px;color:#fff;font-family:Montserrat,sans-serif;font-size:18px;padding-block:10px;width:50%}#login #err-msg{align-items:flex-start;display:flex;flex:1 1}#login #err-msg p{border:1px solid var(--dark-red);border-radius:10px;color:var(--dark-red);margin:2rem auto;padding:20px 0;text-align:center;width:80%}.left,.right{background-color:#8a2be2;flex:1 1;height:100%}#login i.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;font-size:22px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:750px){#login-page #welcome{display:none}#login{grid-column:1/-1}}#disclaimer-page{align-items:center;display:flex;grid-row:2/-1;height:100%;justify-content:center}#disclaimer-page #main-body{background-color:#fff;border-radius:20px;box-shadow:0 0 10px #000;box-sizing:border-box;display:flex;flex-direction:column;height:95%;justify-content:space-evenly;margin:0 25px;max-width:800px;overflow-y:scroll;padding:2rem 4rem}#main-body>*{margin:0}#main-body h1{font-size:4vmin}#main-body>p{color:gray;font-size:2.75vmin;font-weight:500;letter-spacing:.1em;line-height:1.6em}#signature{position:relative}#signature>p{font-size:3vmin;font-weight:700;margin:0}#disclaimer-page a,#signature p:nth-of-type(2){display:inline-block}#disclaimer-page a{bottom:0;color:var(--accent-one);font-size:3vmin;margin-left:0 auto;position:absolute;right:0}@media (max-width:650px){#disclaimer-page{grid-row:1/2}#disclaimer-page #main-body{padding:1rem 2rem}#main-body h1{font-size:24px}}#icon-tray{gap:50px;padding:0 50px}#icon-tray,#icon-tray .icon{align-items:center;display:flex;height:100%}#icon-tray .icon{box-sizing:border-box;cursor:pointer;padding:0 10px;pointer-events:fill;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#icon-tray p{color:#000;display:inline-block;font-size:20px}#icon-tray .message{color:var(--accent-one)}#icon-tray .icon.profile{gap:10px}.icon i,.icon p{display:inline-block}.icon i{font-size:30px}.logout.icon i{margin-left:10px;position:relative;top:5px}.icon.home{color:var(--accent-two)}i.logout-icon:before{content:"Logout"}.icon.active{border-radius:10px;box-shadow:inset 0 0 4px #000}@media (max-width:700px){.logout.icon i{position:absolute;right:20px;top:20px}}#navbar{background-color:var(--main-bg-color-solid);display:flex;flex-direction:row-reverse;height:60px;padding-top:10px;position:relative;width:100%}#navbar #banner{cursor:pointer;left:50px;pointer-events:fill;position:absolute}#banner p{color:#000;font-size:40px;margin:0 5px 0 0}#banner i,#banner p{display:inline-block}#banner i{color:var(--dark-red);font-size:30px;position:relative}@media (max-width:700px){#navbar{bottom:0;justify-content:center;position:fixed;z-index:100}}
/*# sourceMappingURL=main.65a1a351.css.map*/