*{font-family:Avenir,Helvetica,Arial,sans-serif}
html,body{margin:0;padding:0;min-height:100vh}
svg{width:28px;height:28px}/*Avoid empty svg tags resizing*/
.unselectable,button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.styless-a:link,.styless-a:visited{text-decoration:inherit;color:inherit;cursor:auto}
.underline{text-decoration:underline}
.c{display:flex;align-items:center;justify-content:center}.wrap{flex-wrap:wrap}.column{flex-direction:column}
.sp-bet{justify-content:space-between !important}.sp-ev{justify-content:space-evenly !important}.start{justify-content:flex-start !important}.end{justify-content:flex-end !important}
.cross-start{align-items:flex-start !important}
.f1{flex:1}.gap7{gap:7px}.gap16{gap:16px}.gap24{gap:24px}.gap32{gap:32px}
.c-txt{text-align:center}.just-txt{text-align:justify}.left-txt{text-align:left}
.s14{font-size:14px}.s15{font-size:15px}.s16{font-size:16px}.s17{font-size:17px}.s18{font-size:18px}.s19{font-size:19px}.s20{font-size:20px}.s21{font-size:21px}
.w100{width:100%}.w90{width:90%}.w50{width:50%}
.h100{height:100%}.h90{height:90%}.h50{height:50%}
.vw100{width:100vw}.vw90{width:90vw}.vw50{width:50vw}
.vh100{height:100vh}.vh90{height:90vh}.vh50{height:50vh}
.max-w100{width:100%}.max-w90{width:90%}.max-w50{width:50%}
.neu{box-shadow:rgba(50,50,93,0.25) 0px 3px 15px -10px,rgba(0,0,0,0.3) 0px 15px 10px -15px,rgba(10,37,64,0.35) 0px -1px 3px 0px inset}
.div-line{width:90%;margin:auto 16px;height:2px;background-color:rgb(200,200,200)}
.cir{border-radius:50%}
.brad7{border-radius:7px}.brad12{border-radius:12px}.brad16{border-radius:16px}.brad21{border-radius:21px}
.brad-tl{border-top-left-radius:12px}.brad-tr{border-top-right-radius:12px}
.brad-bl{border-bottom-left-radius:12px}.brad-br{border-bottom-right-radius:12px}
.hov:hover{background-color:rgba(125,125,125,0.4)}
.pt{cursor:pointer !important}
.bold{font-weight:bold}.semi-bold{font-weight:500}
.scale-anim-3:hover{transform:scale(1.03);transition:transform 0.3s ease}
.scale-anim-7:hover{transform:scale(1.07);transition:transform 0.3s ease}
.std-w{margin:auto;width:90%}
.std-p{margin:auto;width:90%;max-width:720px}
.a-but{display:inline-block;text-decoration:none}
.but{display:flex;align-items:center;justify-content:center;border-radius:12px;padding:10px 23px;cursor:pointer;border:none}
input,textarea,select{border:none;outline:none;font-size:16px}
.trans-input{background-color:transparent;border:none;outline:none;box-shadow:none}
.box-siz{box-sizing:border-box}
.fixed-img{object-fit:cover;object-position:center center}
.zi-1{z-index:-1}.zi1{z-index:1}.zi2{z-index:2}.zi3{z-index:3}.zi4{z-index:4}.zi5{z-index:5}
.pos-rel{position:relative}.pos-abs{position:absolute}.pos-fix{position:fixed}.pos-sti{position:sticky}
.bottom{bottom:0}.top{top:0}.left{left:0}.right{right:0}
.bottom20{bottom:20px}.top20{top:20px}.left20{left:20px}.right20{right:20px}
.centered{top:50%;left:50%;transform:translate(-50%,-50%)}
.trans{transition:all 0.3s ease-in-out}
.hide{display:none !important}.op0{opacity:0}
.scroll-hor{overflow-x:auto;white-space:nowrap}.scroll-ver{overflow-y:auto;white-space:nowrap}
.overflow-hidden{overflow:hidden}
.no-clicks{pointer-events:none}
.one-line{white-space:nowrap}

.p1,.p2,.p3,.p4,.p5,.p6,.p7,.p8,.m1,.m2,.m3,.m4,.m5,.m6,.m7,.m8,.px1,.px2,.px3,.px4,.px5,.px6,.px7,.px8,.py1,.py2,.py3,.py4,.py5,.py6,.py7,.py8,.mx1,.mx2,.mx3,.mx4,.mx5,.mx6,.mx7,.mx8,.my1,.my2,.my3,.my4,.my5,.my6,.my7,.my8{box-sizing:border-box}
.p0{padding:0}.m0{margin:0}.m-auto{margin:auto}.m-bot{margin-bottom:16px}
.p1{padding:0.25rem}.m1{margin:0.25rem}
.p2{padding:0.5rem}.m2{margin:0.5rem}
.p3{padding:0.75rem}.m3{margin:0.75rem}
.p4{padding:1rem}.m4{margin:1rem}
.p5{padding:1.25rem}.m5{margin:1.25rem}
.p6{padding:1.5rem}.m6{margin:1.5rem}
.p7{padding:1.75rem}.m7{margin:1.75rem}
.p8{padding:2rem}.m8{margin:2rem}
.px1{padding-left:0.25rem;padding-right:0.25rem}.py1{padding-top:0.25rem;padding-bottom:0.25rem}
.px2{padding-left:0.5rem;padding-right:0.5rem}.py2{padding-top:0.5rem;padding-bottom:0.5rem}
.px3{padding-left:0.75rem;padding-right:0.75rem}.py3{padding-top:0.75rem;padding-bottom:0.75rem}
.px4{padding-left:1rem;padding-right:1rem}.py4{padding-top:1rem;padding-bottom:1rem}
.px5{padding-left:1.25rem;padding-right:1.25rem}.py5{padding-top:1.25rem;padding-bottom:1.25rem}
.px6{padding-left:1.5rem;padding-right:1.5rem}.py6{padding-top:1.5rem;padding-bottom:1.5rem}
.px7{padding-left:1.75rem;padding-right:1.75rem}.py7{padding-top:1.75rem;padding-bottom:1.75rem}
.px8{padding-left:2rem;padding-right:2rem}.py8{padding-top:2rem;padding-bottom:2rem}
.mx1{margin-left:0.25rem;margin-right:0.25rem}.my1{margin-top:0.25rem;margin-bottom:0.25rem}
.mx2{margin-left:0.5rem;margin-right:0.5rem}.my2{margin-top:0.5rem;margin-bottom:0.5rem}
.mx3{margin-left:0.75rem;margin-right:0.75rem}.my3{margin-top:0.75rem;margin-bottom:0.75rem}
.mx4{margin-left:1rem;margin-right:1rem}.my4{margin-top:1rem;margin-bottom:1rem}
.mx5{margin-left:1.25rem;margin-right:1.25rem}.my5{margin-top:1.25rem;margin-bottom:1.25rem}
.mx6{margin-left:1.5rem;margin-right:1.5rem}.my6{margin-top:1.5rem;margin-bottom:1.5rem}
.mx7{margin-left:1.75rem;margin-right:1.75rem}.my7{margin-top:1.75rem;margin-bottom:1.75rem}
.mx8{margin-left:2rem;margin-right:2rem}.my8{margin-top:2rem;margin-bottom:2rem}

/*Color palette*/
.prim-bg{background:rgb(121,84,72);color:white}
.prim-txt{color:rgb(121,84,72)}
.prim-bor{border:2px solid rgb(121,84,72)}
.prim-fill{fill:rgb(121,84,72)}
.sec-bg{background:rgb(255,213,0);color:black}
.sec-txt{color:rgb(255,213,0)}
.sec-bor{border:2px solid rgb(255,213,0)}
.sec-fill{fill:rgb(255,213,0)}
.surf-bg{background:rgb(255,224,131)}
.onprim-bg{background:white}
.onprim-txt{color:white}
.onprim-fill{fill:white}
.onsec-bg{background:black}
.onsec-txt{color:black}
.onsec-fill{fill:black}
.onsurf-bg{background:black}
.neu{box-shadow:rgba(50,50,93,0.25) 0px 3px 15px -10px,rgba(0,0,0,0.3) 0px 15px 10px -15px,rgba(10,37,64,0.35) 0px -1px 3px 0px inset}
.shadow{box-shadow:0px 2px 7px rgba(0,0,0,0.24)}
/*Dark theme*/
.dark .prim-bg{background:rgb(72,72,72);color:white}
.dark .prim-txt{color:rgb(72,72,72)}
.dark .prim-bor{border:2px solid rgb(72,72,72)}
.dark .prim-fill{fill:rgb(72,72,72)}
.dark .sec-bg{background:rgb(72,72,72);color:white}
.dark .sec-txt{color:rgb(72,72,72)}
.dark .sec-bor{border:2px solid rgb(72,72,72)}
.dark .sec-fill{fill:rgb(72,72,72)}
.dark .surf-bg{background:black}
.dark .surf-txt{color:black}
.dark .surf-fill{fill:black}
.dark .onprim-bg{background:white}
.dark .onprim-txt{color:white}
.dark .onprim-fill{fill:white}
.dark .onsec-bg{background:white}
.dark .onsec-txt{color:white}
.dark .onsec-fill{fill:white}
.dark .onsurf-bg{background:white}
.dark .onsurf-txt{color:white}
.dark .onsurf-fill{fill:white}
.dark .neu{box-shadow:rgba(255,255,255,0.25) 0px 3px 15px -10px,rgba(255,255,255,0.3) 0px 15px 10px -15px,rgba(255,255,255,0.35) 0px -1px 3px 0px inset}
.dark .shadow{box-shadow:0px 2px 7px grey}
/*Transition when changing theme*/
html,body,.prim-bg,.prim-txt,.prim-bor,.prim-fill,.sec-bg,.sec-txt,.sec-bor,.sec-fill,.surf-bg,.onprim-bg,.onprim-txt,.onprim-fill,.onsec-bg,.onsec-txt,.onsec-fill,.onsurf-bg,.onsurf-txt,.onsurf-fill{
  transition:background 0.5s ease,color 0.5s ease,border-color 0.5s ease,fill 0.5s ease
}

.white-txt{color:white}.white-bg{background:white}.white-bor{border:2px solid white}.white-fill{fill:white}
.black-txt{color:black}.black-bg{background:black}.black-bor{border:2px solid black}.black-fill{fill:black}
.grey-txt{color:grey}.grey-bg{background:grey}.grey-bor{border:2px solid grey}.grey-fill{fill:grey}
.trans-bg{background:transparent}

/* For emoji icons */
b{font-size:30px;cursor:pointer}

/* Responsive styles */
.show-in-cel{display:none !important}
@media screen and (max-width:720px){/*On phone*/
  .show-in-cel{display:flex !important}
  .hide-in-cel{display:none !important}
  .column-in-cel{flex-direction:column !important}
}
@media screen and (min-width:720px){/*On desktop*/
  .cross-start-in-desktop{align-items:flex-start !important}
}