@import"https://fonts.googleapis.com/css2?family=Alata&family=Fraunces:opsz,wght@9..144,700&family=Inter:wght@400;700;800&family=Josefin+Sans:wght@300&family=Montserrat:wght@500;700&family=Open+Sans&family=Poppins:wght@400;500;600;700&family=Raleway:wght@400;700&family=Rubik:wght@400;500;700&family=Space+Grotesk:wght@500&display=swap";.OuterModal{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000000a4;display:flex;justify-content:center;align-items:center}.Modal{background-color:#fff;width:25rem;padding:2rem;margin:2rem;display:flex;flex-direction:column;gap:1rem;border-radius:5px}.Modal__Title{color:#324152;font-weight:500}.Modal__Desc{color:#67727e;line-height:1.5rem}.Modal__Options{display:flex;flex-direction:row;justify-content:space-between;gap:1rem}.Modal__Options button{height:3rem;width:100%;color:#fff;text-transform:uppercase;border:none;border-radius:5px;cursor:pointer;transition:opacity .25s ease-in-out}.Modal__Options button:hover{opacity:.75}.Modal__Options--yes{background-color:#ed6468}.Modal__Options--no{background-color:#67727e}@media (max-width: 1000px){.Modal{padding:1.5rem}.Modal__Title{font-size:1.25rem}.Modal__Desc{font-size:.9rem}.Modal__Options button{height:2.75rem;font-size:.75rem}}.ManageComment{position:relative;width:100%;background-color:var(--card-bg);transition:background-color .75s ease-in-out;padding:1.25rem}.ManageComment__image{height:45px;width:45px;border-radius:50%}.ManageComment__button{font-size:1rem;text-transform:uppercase;color:#fff;background-color:#5457b6;border:none;border-radius:5px;transition:opacity .25s ease-in-out}.ManageComment__button:hover{opacity:.75;cursor:pointer}.ManageComment__input{padding-inline:.75rem;padding-block:1rem;font-size:1rem;color:#324152;border-radius:5px;border-color:#eaecf1;flex:1;width:100%;min-height:4rem;resize:none;outline:none}.ManageComment__input:focus{border-color:#c3c4ef}.ManageComment__input:hover{cursor:pointer}.Send,.Reply{display:flex;flex-direction:row;gap:.75rem}.Edit{display:flex;flex-direction:column;gap:.75rem;align-items:end}@media (max-width: 1000px){.Send,.Reply{flex-direction:column;align-items:end}.ManageComment__image{position:absolute;bottom:1.25rem;left:1.25rem;height:35px;width:35px}}.ManageComment__input::placeholder,.ManageComment__input{font-size:.75rem;font-size:clamp(.75rem,.6474358974rem + .5128205128vw,1rem)}.Spinner{animation-name:spin;animation-duration:.5s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Post{position:relative;min-height:9rem;width:100%;border-radius:5px;padding-block:1.75rem;padding-inline:1.5rem;background-color:var(--card-bg);transition:background-color .75s ease-in-out;display:flex;flex-direction:row}.Post__Text{color:#67727e;line-height:1.3rem;padding-right:5%;margin:1rem}.Post__Upvotes{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;height:5.5rem;width:2rem;border-radius:5px;background-color:#f5f6fa;position:absolute}.Post__Upvotes *{font-weight:700}.Post__Upvotes--up,.Post__Upvotes--down{cursor:pointer;color:#c3c4ef;transition:color .25s ease-in-out}.Post__Upvotes--up:hover,.Post__Upvotes--down:hover,.Post__Upvotes--count{color:#5457b6}.Post__Voted{color:#5457b6!important}.Post__Details{width:100%;margin-left:2.5rem}.Post__Bar{display:flex;flex-direction:row;align-items:center;gap:1rem;margin-left:1rem}.Post__Bar--image{border-radius:50%;height:30px;width:30px}.Post__Bar--tag{padding-block:2px;padding-inline:6px;border-radius:3px;text-transform:uppercase;color:#fff;font-size:.75rem}.Post__Bar--tag.you{background-color:#5457b6}.Post__Bar--tag.mod{background-color:#2eb82e}.Post__Bar--username:hover{cursor:pointer}.Post__Icons{display:flex;flex-direction:row;gap:1.5rem;position:absolute;top:1.75rem;right:1.5rem;height:2rem}.Post__Reply,.Post__Delete,.Post__Edit{display:flex;flex-direction:row;align-items:center;gap:.5rem;transition:opacity .75s ease-in-out}.Post__Reply--Image,.Post__Delete--Image,.Post__Edit--Image{width:16px;height:16px}.Post__Reply:hover,.Post__Delete:hover,.Post__Edit:hover{cursor:pointer;opacity:.75}.Post__Reply--Text,.Post__Edit--Text{color:#5457b6}.Post__Delete--Text{color:#ed6468}.Post__Tag{color:#5457b6}@media (max-width: 1000px){.Post__Bar{gap:.75rem}.Post__Icons{top:initial;bottom:1.75rem;gap:1rem}.Post__Reply--Text,.Post__Delete--Text,.Post__Edit--Text{font-size:.85rem}.Post__Reply--Image,.Post__Delete--Image,.Post__Edit--Image{height:14px;width:14px}.Post__Details{margin-left:0;margin-bottom:1.75rem}.Post__Upvotes{top:initial;bottom:1.75rem;flex-direction:row;justify-content:space-evenly;width:5rem;height:1.75rem}.Post__Text{padding-right:1rem}}@media (max-width: 550px){.Post{padding-inline:1.25rem}}@media (max-width: 420px){.Post{padding-inline:.5rem}.Post__Text{margin-inline:.5rem;margin-block:1.25rem}.Post__Bar--tag{position:absolute;transform:translateY(115%)}}.Post__Text{font-size:.75rem;font-size:clamp(.75rem,.6474358974rem + .5128205128vw,1rem);line-height:clamp(1.2rem,.39vw + 1.132rem,1.4rem)}.Post__Bar--username{font-size:.75rem;font-size:clamp(.75rem,.5961538462rem + .7692307692vw,1.125rem);line-height:clamp(1.2rem,.732vw + 1.072rem,1.575rem)}.Post__Bar--createdAt{font-size:.625rem;font-size:clamp(.625rem,.4711538462rem + .7692307692vw,1rem)}.Post__Bar--tag{font-size:.55rem;font-size:clamp(.55rem,.1293103448rem + .6896551724vw,.75rem)}.ReplyList{display:grid;gap:1.5rem;margin-left:7.5%;padding-left:7.5%;border-left:2px solid hsl(223,19%,93%)}@media (max-width: 1000px){.ReplyList{margin-left:0;padding-left:2.5%}}.Converation{width:100%;display:grid;gap:1.5rem}.PostList{width:100%;overflow:auto;position:relative;display:grid;gap:2rem;margin-bottom:1rem;max-height:calc(100vh - 185px - 6rem)}@media (max-width: 1000px){.PostList{max-height:calc(100vh - 220px - 6rem)}}.PostList::-webkit-scrollbar{width:.5rem}.PostList::-webkit-scrollbar-thumb{background-color:#5457b6}.skeleton-load-postContainer{height:9rem}.skeleton-load{width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.8) 25%,rgb(240,240,240) 50%,rgba(255,255,255,.8) 75%);background-size:200% 100%;margin-bottom:1rem;animation:waveAnimation 3s infinite linear;opacity:.7}@keyframes waveAnimation{0%{background-position:-200% 0}to{background-position:200% 0}}.post-content-load{margin-inline:auto}.moveDown{position:sticky;bottom:0;left:calc(100% - 3rem);width:40px;height:40px;margin-top:-40px;border-radius:50%;background-color:#5457b6;display:flex;justify-content:center;align-items:center;transition:opacity .75s ease-in-out}.moveDown:hover{opacity:.7}.moveDown__image{width:30px;height:30px}@media (max-width: 550px){.moveDown{height:35px;width:35px;left:calc(100% - 2.5rem)}.moveDown__image{width:25px;height:25px}}.Wrapper{max-width:1250px;position:relative;margin-inline:auto;padding-block:1.5rem;min-height:calc(100vh - 70px)}@media (max-width: 1300px){.Wrapper{margin-inline:2rem}}@media (max-width: 420px){.Wrapper{margin-inline:.75rem}}.home{display:flex;justify-content:center;align-items:center;background-color:var(--app-bg);background-image:url(/images/home-bg.jpg);min-height:100vh;padding-inline:3vw}.home__details,.home__image{width:50%}.home__details{display:flex;flex-direction:column;gap:2vw;text-align:center}.home__image{display:flex;justify-content:center}.home__image img{width:30vw;transition:transform .5s ease-in-out;animation-delay:3s;animation:scaleImage 8s ease infinite}.home__title{font-size:5vw}.home__desc{font-size:1vw;line-height:1.5vw}.home__icons{position:absolute;right:0;margin-right:1vw}.home__icons ul{display:flex;flex-direction:column;gap:1.5vw}.home__icons ul li:hover{cursor:pointer}.home__icons ul li{transition:transform .5s ease-in-out}.home__icons ul li:hover{transform:scale(1.3)}.home__icons ul img{width:3vw}.buttons{display:flex;justify-content:center;gap:2vw}.buttons button{width:8vw;height:3vw;font-size:1vw;transition:transform .5s ease-in-out;box-shadow:0 10px 10px -10px #000b,0 -10px 10px -10px #000b}.buttons button:hover{transform:scale(1.1)}@keyframes scaleImage{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 1000px){.home{flex-direction:column;gap:2rem}.home__image{display:none}.home__details{width:100%}.home__details{gap:2rem}.home__title{font-size:4rem}.home__desc{font-size:1.1rem;line-height:2.5rem;margin-right:3rem}.home__icons ul img{width:3rem}.buttons{gap:.5rem}.buttons button{height:4rem;width:8rem;font-size:1rem}}@media (max-width: 550px){.buttons{display:grid;grid-template-columns:repeat(2,1fr);row-gap:1rem;column-gap:2rem;width:fit-content;margin-inline:auto}}@media (max-width: 420px){.home__title{font-size:3rem}.home__desc{font-size:.9rem;line-height:2rem}.home__icons ul img{width:2rem}.home__desc{margin-right:2rem}.buttons button{height:3.25rem;width:7rem;font-size:.8rem}}@media (max-width: 320px){.home__title{font-size:2.5rem}.home__desc{font-size:.8rem;line-height:1.5rem}}.login{position:absolute;width:25rem;top:45%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:1fr;gap:1rem;background-color:var(--card-bg);transition:background-color .75s ease-in-out;padding:1rem;padding-block:1.5rem}@media (max-width: 420px){.login{width:100%;min-width:auto}.login input[type=file]{max-width:100px}}.login input,.login button{padding:.5rem;cursor:pointer}.login input{border:1px solid hsl(211,10%,45%);min-width:100%;border:1px solid hsl(223,19%,93%);outline:none}.login input::placeholder{color:#67727e}.login input:focus{border-color:#c3c4ef}.login button{background-color:#5457b6;border:none;color:#fff;text-transform:uppercase;opacity:1;transition:opacity .25s ease-in-out}.login button:hover{opacity:.75}.login h3{font-weight:500;color:var(--title-clr)}.login__change{text-transform:uppercase;color:#67727e}.login__change a{color:var(--title-clr);cursor:pointer;transition:opacity .25s ease-in-out}.login__change a:hover{opacity:.75}.passwordIcon{width:20px;transform:translate(-125%)}.passwordIcon:hover{cursor:pointer}.passwordContainer{display:flex;align-items:center}.errorInput{border:1px solid red!important}.errorLabelLogin{color:red;font-weight:300;font-size:.85rem;display:none}.InfoItem{width:100%;background-color:var(--card-bg);transition:background-color .75s ease-in-out;padding:2rem;padding-right:10%;border-radius:5px;display:flex;flex-direction:column;gap:1rem}.InfoItem__title{text-align:center;color:var(--title-clr)}.InfoItem__title--clickable{cursor:pointer}.InfoItem__desc{text-align:start}.InfoItem__icon{align-self:center;width:80px}@media (max-width: 550px){.InfoItem__icon{width:65px}}@media (max-width: 420px){.InfoItem__icon{width:55px}}@media (max-width: 320px){.InfoItem__icon{width:45px}}.AboutItem__options{width:272px;padding:.5rem;border:1px solid hsl(223,19%,93%)}@media (max-width: 550px){.AboutItem__options{align-self:center;font-size:.75rem}}@media (max-width: 320px){.AboutItem__options{width:100%}}.AboutItem__answerTitle{color:#5457b6}.AboutItem__answerList{padding-left:1rem;display:flex;flex-direction:column}.AboutItem__answerList li{font-weight:400}.AboutItem__answer{display:flex;gap:.5rem;align-items:center;text-align:start}.AboutItem__badge{width:90px}.AboutContainer{width:100%;display:flex;flex-direction:column;gap:2rem}.AboutItem{width:100%;background-color:var(--card-bg);transition:background-color .75s ease-in-out;padding:2rem;padding-right:10%;border-radius:5px;text-align:center;display:flex;flex-direction:column;gap:1rem}.AboutItem__icon{align-self:center;width:80px}@media (max-width: 550px){.AboutItem__icon{width:65px}}@media (max-width: 420px){.AboutItem__icon{width:55px}}@media (max-width: 320px){.AboutItem__icon{width:45px}}@media (max-width: 550px){.AboutItem{padding:1rem}}.ContactContainer{position:relative;width:100%;display:flex;flex-direction:row;align-items:flex-start}@media (max-width: 1000px){.ContactContainer{flex-direction:column}}.ContactItems{margin-top:1rem;display:grid;gap:2rem;width:50%}@media (max-width: 1000px){.ContactItems{width:100%}}.ContactItem{background-color:var(--card-bg);transition:background-color .75s ease-in-out;width:80%;padding:1.5rem;border-radius:5px;text-align:center}.ContactItem__image{height:80px;width:80px;margin-top:.75rem}.ContactItem__title{color:var(--title-clr);transition:opacity .25s ease-in-out}.ContactItem__title:hover{opacity:.7;cursor:pointer}.ContactItem__desc{padding-inline:1rem;margin-top:.7rem}@media (max-width: 1000px){.ContactItem{width:100%}}.ContactForm{margin-top:1rem;border-radius:5px;padding:2rem;background-color:var(--card-bg);transition:background-color .75s ease-in-out;width:50%;position:absolute;right:0;top:50%;transform:translateY(-50%)}.ContactForm h2{text-align:center;color:var(--title-clr)}@media (max-width: 1000px){.ContactForm{position:relative;top:0;transform:translateY(0);width:100%}}@media (max-width: 550px){.ContactForm{padding:1rem}}.Form{margin-top:3rem;display:grid;gap:1.5rem;grid-template-areas:"firstname lastname" "subject email" "desc desc" "file file" "errorLbl errorLbl" "button button";grid-template-columns:repeat(2,1fr)}.Form input,.Form textarea,.Form select{padding:.25rem;border:1px solid hsl(223,19%,93%);outline:none}.Form input:focus,.Form textarea:focus,.Form select:focus{border-color:#c3c4ef}.Form__firstname{grid-area:firstname}.Form__lastname{grid-area:lastname}.Form__email{grid-area:email}.Form__subject{grid-area:subject}.Form__desc{grid-area:desc}.Form__desc textarea{min-height:6rem;resize:none}.Form__file{grid-area:file}.Form__button{grid-area:button;justify-self:flex-start;align-self:flex-end;font-size:1rem;text-transform:uppercase;color:#fff;background-color:#5457b6;border:none;border-radius:5px;transition:opacity .25s ease-in-out}.Form__button:hover{opacity:.75;cursor:pointer}.Form__item{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 550px){.Form{grid-template-areas:"firstname" "lastname" "subject" "email" "desc" "file" "errorLbl" "button";grid-template-columns:1fr}}@media (max-width: 420px){.Form__file{width:200px}}.SuccessForm{margin-top:1rem;border-radius:5px;padding:2rem;background-color:#fff;width:50%;position:absolute;right:0;top:50%;transform:translateY(-50%);text-align:center}.SuccessForm__title{color:#36396d}.SuccessForm__image{height:100px;width:100px;margin-top:.7rem}.SuccessForm__desc{margin-top:.7rem}@media (max-width: 1000px){.SuccessForm{position:relative;top:0;transform:translateY(0);width:100%}}.errorLabelContact{grid-area:errorLbl;color:red;display:none}.show{display:block}.Profile__card{background-color:var(--card-bg);transition:background-color .75s ease-in-out;width:100%;padding:1.5rem;border-radius:5px;height:55rem}.Profile__aside{float:left;min-height:100%;padding-right:1.5rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.Profile__picture{width:150px;border-radius:50%}.Profile__navbar{border:1px solid hsl(223,19%,93%);width:100%}.Profile__navbar ul{display:flex;flex-direction:column;gap:0rem}.Profile__navbar ul li{width:100%;border-bottom:1px solid hsl(223,19%,93%);padding-block:.25rem}.Profile__navbar ul li button{width:100%}.Profile__error-msg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Profile__detailsgrid{margin-top:1.25rem;display:grid;grid-template-areas:"username email" "firstname lastname";grid-template-columns:1fr 1fr;grid-gap:1.5rem;padding-block-end:2.5rem;margin-left:calc(3.5rem + 175px)}.Profile__options{display:flex;flex-direction:row;justify-content:center;gap:1rem}.Profile__container{text-align:center}.Profile__container h2{font-size:1rem;margin-bottom:.5rem}.Profile__container p{font-size:1.25rem;font-weight:400}.Profile__username{grid-area:username}.Profile__username--mobile{display:none}.Profile__firstname{grid-area:firstname}.Profile__lastname{grid-area:lastname}.Profile__email{grid-area:email}.Profile__posts,.Profile__replies{height:100%;position:relative;display:flex;flex-direction:column;gap:2rem;align-items:center}.Profile__posts-grid,.Profile__replies-grid{display:grid;gap:1rem;width:100%;overflow:auto;height:85%}.Profile__posts-grid::-webkit-scrollbar,.Profile__replies-grid::-webkit-scrollbar{width:.5rem}.Profile__posts-grid::-webkit-scrollbar-thumb,.Profile__replies-grid::-webkit-scrollbar-thumb{background-color:#5457b6}.Profile__statistics{display:flex;justify-content:center;align-items:center;gap:3rem;padding-block-end:2.5rem;margin-left:calc(3.5rem + 190px)}.skeleton-load-profileContainer{border-radius:5px;height:50rem;width:100%}.profile-content-load{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Profile__activity{margin-left:calc(3.5rem + 175px)}.Profile__activity h2{text-align:center;font-size:1rem;margin-bottom:.5rem}@media (max-width: 1000px){.Profile__card{height:auto}.Profile__aside{float:none;min-height:auto;margin-block:1.25rem;padding:0}.Profile__picture{width:100px}.Profile__detailsgrid{grid-template-columns:1fr;grid-template-areas:"email" "firstname" "lastname";margin-left:0}.Profile__statistics{margin-left:15px}.Profile__username{display:none}.Profile__username--mobile{display:block}.Profile__activity{margin:0;width:100%}.Profile__picture{width:85px}.Profile__posts,.Profile__replies{min-height:20rem}.Profile__pictureContainer{width:75%;display:flex;align-items:center;justify-content:space-between}}@media (max-width: 550px){.Profile__picture{width:75px}}@media (max-width: 420px){.Profile__statistics{flex-direction:column;margin-left:0;gap:1.5rem}.Profile__aside{align-items:flex-start}.Profile__pictureContainer{width:100%;flex-direction:column;gap:.25rem}.Profile__activity{display:none}}.Pagination ul{display:flex;gap:1rem}.Pagination ul li{display:flex;justify-content:center;align-items:center;padding:.5rem;width:30px;height:30px;border-radius:50%;cursor:pointer}.Pagination ul li a{font-weight:500}.active{background-color:var(--title-clr);color:#fff}.Filter{width:100%;display:flex;justify-content:space-between;align-items:center}.Sort{display:flex;align-items:center;gap:1rem}.Sort__type{height:40px;padding:.5rem}.Sort__icon{width:100%;height:100%}.Sort__button{height:40px;width:40px}.Search{height:40px;width:200px;padding:.25rem;margin-left:2rem}@media (max-width: 1000px){.Search{margin:0}}@media (max-width: 420px){.Sort{display:none}}.Invalid404Container{width:100%;display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center}.error404{font-size:6rem;letter-spacing:1rem;color:#36396d}.error404SadIcon{width:400px}.errorTitle{font-size:3rem;color:#36396d}.errorDescription{font-size:1.6rem;color:#324152}header{height:70px;position:relative;display:flex;align-items:center;justify-content:space-between;padding-inline:2rem}ul{display:flex;flex-direction:row;gap:2rem;list-style-type:none;font-weight:700}ul li button{border:none;background-color:inherit;font-weight:600;font-size:1rem;color:var(--title-clr);text-transform:capitalize}ul li button:hover{cursor:pointer}.barDetails{display:flex;align-items:center;gap:2rem;height:50%}.barDetails img{border-radius:50%}@media (max-width: 1000px){.barDetails{position:absolute;right:0;margin-right:2rem}}@media (max-width: 550px){.barDetails{position:relative;display:block;width:100%;margin:0}}.userDetails{display:flex;flex-direction:row;align-items:center;gap:1rem}.userDetails .userImage{height:35px;width:35px}.userDetails:hover{cursor:pointer}@media (max-width: 550px){.userDetails{justify-content:center}}@media (max-width: 420px){.userDetails{gap:.75rem}.userDetails .userImage{height:30px;width:30px}}@media (max-width: 1000px){.menu{display:none}}.menu button{width:100%}.hamburger-menu{display:none;position:fixed;transform:translate(-100%);opacity:0;top:0;right:0;width:100%;height:100%;z-index:3;background-color:var(--card-bg);transition:transform .5s ease-in-out,opacity .5s ease-in-out}@media (max-width: 1000px){.hamburger-menu{display:block}}.hamburger-menu button{border:none;background-color:inherit;font-weight:600;font-size:1rem;color:var(--title-clr)}.hamburger-menu button:hover{cursor:pointer}.hamburger-icon{display:none;position:absolute;width:30px;height:20px;margin-left:2rem;z-index:4;left:0}@media (max-width: 1000px){.hamburger-icon{display:block}}.hamburger-icon input{position:absolute;opacity:0;width:30px;height:20px;z-index:5}.hamburger-icon span{position:absolute;display:block;width:100%;height:3px;background-color:var(--title-clr);transform:rotate(0);opacity:1;left:0%;transition:transform .5s ease-in-out,top .5s ease-in-out,left .5s ease-in-out,width .5s ease-in-out}.hamburger-icon span:nth-child(1){top:0}.hamburger-icon span:nth-child(2),.hamburger-icon span:nth-child(3){top:8px}.hamburger-icon span:nth-child(4){top:16px}.hamburger-icon:has(input:checked)>span:nth-child(1),.hamburger-icon:has(input:checked)>span:nth-child(4){top:8px;width:0%;left:50%}.hamburger-icon:has(input:checked)>span:nth-child(2){transform:rotate(45deg)}.hamburger-icon:has(input:checked)>span:nth-child(3){transform:rotate(-45deg)}.hamburger-icon:has(input:checked)~.hamburger-menu{transform:translate(0);opacity:1}.hamburger-bar{display:flex;flex-direction:column;gap:2rem;margin-inline:2rem;margin-top:6rem}.hamburger-bar a{text-decoration:none}.hamburger-bar a h3{color:var(--title-clr)}.themeDetails{display:flex;flex-direction:row;align-items:center;gap:1rem}.themeDetails:hover{cursor:pointer}.themeDetails__image{height:35px;width:35px}@media (max-width: 420px){.themeDetails__image{height:30px;width:30px}}@media (max-width: 550px){.themeDetails{position:absolute;right:0}.themeDetails__title{display:none}}@media (max-width: 550px){.logoutBtn,.loginBtn{display:none}}.App[theme=Light]{--app-bg: hsl(228, 33%, 97%);--card-bg: hsl(0, 0%, 100%);--button-bg: hsl(238, 40%, 52%);--title-clr: hsl(237, 34%, 32%)}.App[theme=Dark]{--app-bg: #929292;--card-bg: #d6d6d6;--button-bg: hsl(238, 40%, 52%);--title-clr: hsl(238, 40%, 52%)}.App{background-color:var(--app-bg);transition:background-color .75s ease-in-out}h1,h2,h3,.title{color:var(--title-clr)}button{height:3rem;width:6.5rem;background-color:var(--button-bg);color:#fff;font-size:1rem;text-transform:uppercase;border:none;border-radius:5px;transition:opacity .25s ease-in-out}button:hover{opacity:.75;cursor:pointer}@media (max-width: 1000px){button{width:6rem;height:2.75rem}}.card,header{background-color:var(--card-bg);transition:background-color .75s ease-in-out}input,textarea,select{background-color:inherit;border:1px solid hsl(223,19%,93%)}h3{font-size:.9rem;font-size:clamp(.9rem,.8155172414rem + .4827586207vw,1.25rem)}h2{font-size:1.15rem;font-size:clamp(1.15rem,1.05rem + .5vw,1.5rem)}h1{font-size:1.25rem;font-size:clamp(1.25rem,1.1293103448rem + .6896551724vw,1.75rem)}p,label,li{font-size:.9rem;font-size:clamp(.9rem,.8714285714rem + .1428571429vw,1rem);line-height:clamp(1.125rem,1rem + .625vw,1.5625rem)}input::placeholder{font-size:.7rem;font-size:clamp(.7rem,.68rem + .1vw,.8rem)}.App{width:100%;min-height:100vh;user-select:none;-moz-user-select:none;-webkit-user-select:none}*{font-family:Rubik}*{margin:0;padding:0;box-sizing:border-box}