@charset "UTF-8";.topbar{width:100%;height:35px;display:flex;align-items:center;justify-content:space-evenly;background:var(--dark);position:fixed;top:0;z-index:10}.topbar a{text-decoration:none;cursor:pointer;color:var(--lite);width:30px;height:30px;padding:5px;margin:5px;border-radius:50%;display:flex;align-items:center;justify-content:center}.topbar a *{font-size:20px}.topbar a:hover{color:var(--primary);background:var(--lite)}header{width:100%;height:50px;display:flex;align-items:center;justify-content:space-evenly;position:fixed;top:35px;z-index:10;background:var(--lite);box-shadow:var(--shadow);-webkit-box-shadow:var(--shadow);-moz-box-shadow:var(--shadow);padding:0 10px;background:linear-gradient(to bottom,var(--light-blue),var(--lite))}header .logo{height:40px;min-width:40px;width:40px;display:flex;align-items:center;justify-content:center;margin:5px;cursor:pointer}header .logo img{width:100%;height:100%;border-radius:50%;object-fit:fill;object-position:center}header nav{height:100%;display:flex;align-items:center;justify-content:space-evenly;gap:10px;width:100%}header nav>a{text-align:center;color:var(--primary);font-weight:700;font-size:17px;padding:0 10px;text-decoration:none}header nav>a:hover{background:var(--light-blue);transform:scale(1.2);text-decoration:none}header nav>a.active{color:var(--primary);border-bottom:2px solid var(--primary);background:var(--light-blue)}header nav .btn-container{flex:1;gap:10px;display:flex;align-items:center;justify-content:space-evenly}header nav .btn-container .btn{box-shadow:none}header nav .btn-container .btn:last-of-type{background:transparent;color:var(--grey);border:1px solid #c9d9e9}header nav .btn-container .btn:hover{background:transparent;color:var(--primary-dark);box-shadow:none;border:1px solid var(--grey)}header #menu-bars{cursor:pointer;padding:5px;text-align:center;color:var(--dark);border-radius:50%;background:var(--light-blue);display:none;position:relative;font-size:1.2rem}header #menu-bars:hover{color:var(--lite);background:var(--primary-dark);transform:rotate(180deg);transition:transform .5s}@media screen and (max-width: 693px){header{justify-content:space-between}header nav{flex-direction:column;height:fit-content;background:var(--lite);position:absolute;top:100%;left:0;right:0;border-bottom:.1rem solid rgba(0,0,0,.2);padding:.5rem;clip-path:polygon(0 0,100% 0,100% 0,0 0)}header nav.active{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}header nav>a{width:100%}header nav .btn-container{width:100%}header #menu-bars{display:flex;align-items:center;justify-content:center}}.footer{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0;background:linear-gradient(to bottom,var(--lite),var(--transparent));background:linear-gradient(to bottom,var(--light-blue),var(--lite));background:linear-gradient(to bottom,var(--light-blue),var(--transparent),var(--lite));position:relative;margin-top:20px}.footer .social{width:100%;display:flex;align-items:center;justify-content:space-evenly;padding:5px 0;flex-wrap:wrap}.footer .social .wrapper{min-width:300px;display:flex;align-items:center;justify-content:space-evenly}.footer .social .wrapper a{color:var(--dark);cursor:pointer}.footer .social .wrapper a *{font-size:24px}.footer .section-wrapper{width:100%;padding:5px;display:flex;align-items:center;justify-content:space-evenly;gap:10px}.footer .section-wrapper section{width:calc((100% - 30px)/2);display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.footer .section-wrapper section .items-container{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly}.footer .section-wrapper section .items-container a{padding:10px;cursor:pointer;text-decoration:none;color:var(--primary)}.footer .section-wrapper section .items-container a:hover{text-decoration:underline}.footer .section-wrapper section .items-container a:visited{color:var(--primary-dark)}.footer hr{width:80%;color:var(--dark);border-radius:50%;margin:20px 0}.footer .footer-bottom{width:100%;display:flex;align-items:center;justify-content:space-evenly}@media screen and (max-width: 478px){.footer .footer-bottom{flex-wrap:wrap;gap:10px}}.footer .footer-bottom a{color:var(--dark);font-size:14px;cursor:pointer}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.loader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.loader #loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:var(--primary);-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1001}.loader #loader:before,.loader #loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent}.loader #loader:before{border:3px solid transparent;border-top-color:var(--red);-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}.loader #loader:after{border-top-color:var(--primary-dark);-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.loader section{position:fixed;top:0;width:51%;height:100%;z-index:1000;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0);right:0}.loader section:first-of-type{left:0}.featured{width:100%;display:flex;align-items:center;flex-direction:column;padding:10px 0}.featured .wrapper{width:100%;display:grid;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;grid-template-columns:repeat(4,1fr)}.featured .wrapper .item{width:100%;max-width:300px;padding:10px 5px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;gap:10px;background:linear-gradient(to bottom,var(--lite),var(--transparent),var(--light-blue))}.featured .wrapper .item .emoji{font-size:22px}.featured .wrapper .item h3{font-size:18px;height:100%;flex:1;text-align:center}@media screen and (max-width: 693px){.featured .wrapper{grid-template-columns:repeat(2,1fr);gap:5px}.featured .wrapper .item{padding:5px;gap:5px}.featured .wrapper .item .emoji{font-size:16px}.featured .wrapper .item h3{font-size:16px;font-weight:300}}.Home{display:flex;width:100%;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;position:relative}.Home .post-container{gap:5px}.Home .post-container>*{margin:5px}.pricing{width:100%;position:relative}.pricing .pricing-header{display:flex;align-items:center;justify-content:center;width:100%}.pricing .pricing-header .plans-switch-container{width:100%;display:flex;align-items:center;justify-content:center}.pricing .pricing-header .plans-switch-container .plans-options{min-width:300px;background:var(--primary-dark);border-radius:15px 15px 0 0;display:flex;gap:10px;padding:6px;align-items:center;justify-content:space-evenly}.pricing .pricing-header .plans-switch-container .plans-options input[type=radio]{display:none}.pricing .pricing-header .plans-switch-container .plans-options label{color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;transition:background .3s}.pricing .pricing-header .plans-switch-container .plans-options label:hover{background:#ffffff1a}.pricing .pricing-header .plans-switch-container .plans-options label:has(input[type=radio]:checked){background:var(--green);font-weight:700}.pricing .wrapper{width:100%;display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;gap:10px}.pricing .wrapper>div{width:calc((100% - 100px) / 3);min-width:300px;height:inherit;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px 20px;background:linear-gradient(to bottom,var(--lite),var(--light-blue));position:relative;overflow:hidden;border-radius:0 0 15px 15px}.pricing .wrapper>div h1{color:var(--primary-dark)}.pricing .wrapper>div h2 span{font-weight:bolder}.pricing .wrapper>div ul{width:100%;list-style-type:circle;list-style-position:inside;list-style-image:url(https://i.postimg.cc/R00sKW5z/bi-check-circle-fill.png);line-height:2em}.pricing .wrapper>div img.table-bg{max-width:100%;position:absolute;bottom:0;left:0;right:0;width:100%;object-fit:contain;object-position:center}.pricing .wrapper>div>.btn{z-index:2;width:100%}@media screen and (max-width: 660px){.pricing-header{display:flex;flex-wrap:wrap}.pricing-header h2{text-align:center}.pricing-header .plans-switch-container{align-items:center;justify-content:center}}.tip-card{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:space-between;padding:.3%;background:var(--transparent);max-width:650px;width:100%;cursor:default;height:fit-content;position:relative;gap:5px;border-top:1px solid var(--grey);border-radius:5px}.tip-card .top{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.tip-card .top .results span{font-weight:800}.tip-card .top .results span.won{color:var(--primary)}.tip-card .top .results span.lost{color:var(--red)}.tip-card .top .results span.pending{color:var(--primary-dark)}.tip-card .top p{width:fit-content;font-size:12px;padding:2px;z-index:2}.tip-card .center{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;gap:.5rem}.tip-card .center .teams{display:flex;flex:1;gap:5px;flex-wrap:wrap;align-items:center;justify-content:space-between}.tip-card .center .teams p{width:100%;display:flex;align-items:center;justify-content:space-around;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-word;overflow-wrap:break-word}.tip-card .center .teams p:first-child{text-align:end}.tip-card .center .teams p.hidden{color:transparent;text-shadow:0 0 5px rgba(0,0,0,.8)}.tip-card .center .teams .results{width:50px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:var(--lite);padding:0}.tips{width:100%;display:flex;align-items:center;justify-content:start;flex-direction:column;background:linear-gradient(to bottom,var(--lite),var(--transparent),var(--light-blue))}.tips .date-wrapper{width:100%;background:var(--lite);overflow-x:hidden;position:relative;padding:5px 10px}.tips .date-wrapper .tabs-box{display:flex;align-items:center;justify-content:space-evenly;list-style:none;gap:5px;overflow:hidden;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.tips .date-wrapper .tabs-box::-webkit-scrollbar{display:none}.tips .date-wrapper .tabs-box .tab{white-space:nowrap;background:var(--light-blue);padding:0 10px;border:1px solid var(--grey);border-radius:3px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .5s ease}.tips .date-wrapper .tabs-box .tab.active{background:var(--primary-dark);color:var(--lite)}.tips .date-wrapper .tabs-box.dragging .tab{-webkit-user-select:none;user-select:none}.tips .date-wrapper .icon{position:absolute;top:0;height:100%;width:35px;display:flex;align-items:center;justify-content:center}.tips .date-wrapper .icon .item{font-size:2rem;border-radius:50%;background:var(--light-blue);display:flex;align-items:center;justify-content:center;text-align:center;padding:5px;cursor:pointer}.tips .date-wrapper .icon .item:hover{background:var(--lite)}.tips .date-wrapper .icon:first-child{left:0;background:linear-gradient(90deg,var(--lite),var(--light-blue),var(--transparent));justify-content:flex-start}.tips .date-wrapper .icon:first-child .item{margin-left:5px;justify-content:flex-end}.tips .date-wrapper .icon:last-child{right:0;justify-content:flex-end;background:linear-gradient(-90deg,var(--lite),var(--light-blue),var(--transparent))}.tips .date-wrapper .icon:last-child .item{margin-right:5px}.tips .subscribe-btn{width:100%;max-width:250px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:var(--lite);padding:5px;border-radius:5px;text-decoration:none;margin:10px 10px 10px auto;transition:background .3s ease}.tips .subscribe-btn:hover{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.tips form.type{width:100%;max-width:800px;display:grid;grid-gap:1rem;grid-template-columns:repeat(2,1fr);padding:0 5px}.tips form.type fieldset{padding:0;border:0;position:relative;display:flex;justify-content:space-between}.tips form.type fieldset label{text-transform:uppercase;letter-spacing:.1rem;background:var(--light-blue);text-align:center;padding:.3em;cursor:pointer;width:100%;border-radius:.2rem;border:1px solid var(--dark-grey);position:relative;z-index:1;transition:all .5s ease}.tips form.type fieldset label:hover{background:var(--grey);color:var(--lite)}.tips form.type fieldset input[type=radio]{visibility:hidden;position:absolute;cursor:pointer}.tips form.type fieldset input[type=radio]:checked~label{background:var(--primary-dark);color:var(--lite);box-shadow:var(--dark-shadow);transform:scale(1.02);animation:checked .2s 1;border:1px solid var(--primary-dark);position:relative;z-index:5}@media screen and (max-width: 478px){.tips form.type{grid-gap:.4rem;max-width:100%;display:grid}.tips form.type fieldset label{letter-spacing:.01rem;font-size:small;padding:.1em}}.tips .title{width:100%;color:var(--dark);font-size:17px;margin-bottom:0}.tips .container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:3px}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px;background:linear-gradient(to bottom,var(--lite),var(--transparent),var(--light-blue))}.about .about-us{height:80%;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.about .about-us .info{margin-left:10px;font-weight:500;line-height:3rem}.about .about-us .info h1{width:100%;text-align:start}.about .about-us .info .links{display:flex;align-items:center;justify-content:space-evenly;margin:5px 0}.about .about-us .info .links a{padding:0 5px;height:fit-content}.container{width:100%;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.container .accordion{width:100%}.container .accordion .accordion-item{border-bottom:1px solid #e5e5e5}.container .accordion .accordion-item button{position:relative;display:block;text-align:left;width:100%;padding:1.5em 0;color:var(--grey);border:none;background:none;outline:none}.container .accordion .accordion-item button:hover,.container .accordion .accordion-item button:focus{cursor:pointer;color:var(--primary)}.container .accordion .accordion-item button:hover:after,.container .accordion .accordion-item button:focus:after{cursor:pointer;color:var(--primary);border:1px solid var(--primary)}.container .accordion .accordion-item button:hover,.container .accordion .accordion-item button:focus{cursor:pointer;color:var(--primary);filter:brightness(90%)}.container .accordion .accordion-item button:hover:after,.container .accordion .accordion-item button:focus:after{color:var(--primary);filter:brightness(90%);border:1px solid var(--primary-dark)}.container .accordion .accordion-item button .accordion-title{padding:1em 1.5em 1em 0}.container .accordion .accordion-item button .icon{display:inline-block;position:absolute;top:18px;right:0;width:22px;height:22px;border:1px solid;border-radius:22px}.container .accordion .accordion-item button .icon:before{display:block;position:absolute;content:"";top:9px;left:5px;width:10px;height:2px;background:currentColor}.container .accordion .accordion-item button .icon:after{display:block;position:absolute;content:"";top:5px;left:9px;width:2px;height:10px;background:currentColor}.container .accordion .accordion-item button .icon{transition:transform .2s ease-in-out}.container .accordion .accordion-item button .icon:after{transition:transform .2s ease-in-out}.container .accordion .accordion-item button[aria-expanded=true] .icon{transform:rotate(45deg)}.container .accordion .accordion-item .accordion-content{opacity:0;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;will-change:opacity,max-height;background:linear-gradient(to bottom,var(--transparent),var(--lite),var(--transparent),var(--light-blue))}.container .accordion .accordion-item .accordion-content p{margin:1em 0}.container .accordion .accordion-item[aria-expanded=true] button{color:var(--primary);border-bottom:1px solid var(--primary)}.container .accordion .accordion-item[aria-expanded=true] button .icon:after{width:0}.container .accordion .accordion-item[aria-expanded=true] .accordion-content{opacity:1;max-height:max-content;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;will-change:opacity,max-height}.container .accordion .accordion-item button[aria-expanded=true]+.accordion-content{opacity:1;max-height:max-content;transition:all .2s linear;will-change:opacity,max-height}.newsletter{width:100%;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;background:linear-gradient(to bottom,var(--lite),var(--transparent),var(--light-blue))}.newsletter form{width:100%;max-width:340px;height:40px;display:flex;align-items:center;justify-content:center}.newsletter form input{height:inherit;outline:none;font-size:16px;padding:0 5px;background:var(--lite);color:var(--dark);flex:6;border:none;background:var(--light-blue);border:1px solid #9FA4A8}.newsletter form button{flex:3;height:40px;border:none;border:1px solid var(--primary);color:var(--lite);background:var(--primary);cursor:pointer}.newsletter form button:hover{background:var(--dark);color:var(--primary)}.testimonials{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:linear-gradient(to bottom,var(--light-blue),var(--lite))}.testimonials .wrapper{width:100%;height:fit-content;display:flex;align-items:center;justify-content:space-between;position:relative;overflow-x:scroll;scroll-snap-type:proximity;scroll-margin:5px}.testimonials .wrapper::-webkit-scrollbar{width:1px;display:none}.testimonials .wrapper::-webkit-scrollbar-track{display:none}.testimonials .wrapper::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:2px}.testimonials .wrapper .testimonial{width:calc((100% - 30px)/4);min-width:290px;box-shadow:0 8px 30px -7px var(--light-blue);border-radius:10px;padding:5px;margin:5px;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:space-between}.testimonials .wrapper .testimonial:hover{box-shadow:var(--shadow)}.testimonials .wrapper .testimonial h2{width:100%;color:var(--grey);font-size:21px;line-height:1.3;text-align:end}.testimonials .wrapper .testimonial h2:before{content:"@";font-size:20px;font-weight:700}.testimonials .wrapper .testimonial .content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.testimonials .wrapper .testimonial .content h1{width:100%;font-size:18px;color:var(--dark);text-align:start}.testimonials .wrapper .testimonial .content p{font-size:18px;color:var(--dark);padding-bottom:15px}.auth{position:relative;width:100%;height:calc(100vh - 100px);display:flex;flex-direction:column;align-items:center;justify-content:center;background-position:center;background-repeat:no-repeat;background-size:cover;background:linear-gradient(to bottom,var(--transparent),var(--lite),var(--transparent),var(--light-blue))}.auth form{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;max-width:400px;padding:10px}.auth form label{width:100%;text-align:start;padding:0 5px}.auth form input{width:100%;height:40px;padding-left:25px;margin-bottom:5px;font-size:13px;letter-spacing:.15px;border:none;outline:none;background:var(--light-blue);transition:.25s ease;border-radius:8px;box-shadow:inset 2px 2px 4px #d1d9e6,inset -2px -2px 4px #f9f9f9}.auth form input:focus{box-shadow:inset 4px 4px 4px #d1d9e6,inset -4px -4px 4px #f9f9f9}.auth span{margin-top:10px;margin-bottom:10px}.auth span a{color:var(--primary)}.not-found{width:inherit;min-height:100vh;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;background:linear-gradient(to bottom,var(--lite),var(--transparent),var(--light-blue))}.not-found>h2{color:var(--red)}.admin-tips{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.admin-tips form{width:100%;max-width:900px;font-weight:400;padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex:1}.admin-tips form .input-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;width:100%}.admin-tips form .input-container.vertical{flex-direction:column}.admin-tips form .input-container.vertical *{width:100%}.admin-tips form .input-container label{display:block;font-size:17px;flex:1}.admin-tips form .input-container input{border-radius:5px;height:inherit;outline:none;font-size:16px;padding:5px;color:var(--dark);margin-left:5px;flex:1;background:var(--light-blue);border:.5px solid var(--primary)}.card{width:320px;min-height:200px;background:#fff;border-radius:5px;box-shadow:0 3px 10px #0000004d;position:relative;text-decoration:none;flex-wrap:wrap}@media screen and (max-width: 448px){.card{width:100%}}.card .cover-bg{height:80px;border-radius:5px 5px 0 0;background-size:contain;background-position:center}.card .user-info-wrap{display:flex;padding:0 5px;margin-top:-35px}.card .user-info-wrap .user-photo{height:50px;width:50px;border-radius:50%;border:2px solid #fff;object-fit:fill;object-position:center;box-shadow:0 0 4px #0000004d}.card .user-info-wrap .user-info{padding-left:10px;padding-top:5px;flex-wrap:wrap}.card .user-info-wrap .user-info .user-name{font-size:20px;font-weight:400;color:var(--lite);word-wrap:break-word;word-break:break-word}.card .user-info-wrap .user-info .user-title{font-size:16px;font-weight:200;color:var(--grey);margin-top:10px;text-overflow:ellipsis;width:100%;word-wrap:break-word;word-break:break-word}.card .user-bio{padding:10px 5px;gap:10px}.card .user-bio>*{font-size:16px;color:var(--grey);margin-top:10px;display:flex;align-items:center;justify-content:start;width:100%;word-wrap:break-word;word-break:break-word}.card .user-bio .mail{font-size:18px;margin:0 10px}.list-users{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;padding:10px 5px;gap:5px}.pay{width:100%;min-height:calc(100vh - 95px);display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;background:linear-gradient(to bottom,var(--transparent),var(--light-blue))}.pay h4{text-align:center}.pay form.method{width:100%;max-width:800px;gap:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px}.pay form.method fieldset{width:100%;max-width:250px;padding:0;border:0;position:relative;display:flex;justify-content:space-between}.pay form.method fieldset label{text-transform:uppercase;letter-spacing:.1rem;background:#e8e8e8;text-align:center;padding:.5em;cursor:pointer;width:100%;border-radius:.5rem;border:1px solid #ccc;position:relative;z-index:1}.pay form.method fieldset label:hover{background:#d8d8d8}.pay form.method fieldset input[type=radio]{visibility:hidden;position:absolute;cursor:pointer}.pay form.method fieldset input[type=radio]:checked~label{background:var(--primary-dark);color:var(--lite);box-shadow:0 .2em .45em .1em #0006;transform:scale(1.05);animation:checked .2s 1;border:1px solid var(--primary-dark);position:relative;z-index:5}.notification{padding:5px;width:100%;max-width:420px;margin-top:5px;margin-left:20px;border-radius:4px;z-index:1000;overflow:hidden;display:flex;align-items:center;justify-content:space-between;position:fixed;top:95px;right:-100%;opacity:0}.notification .icon{position:absolute;left:0;top:50%;transform:translateY(-50%);margin:0 5px}.notification .message{width:100%;font-size:18px;padding:5px;margin:0 15px;text-align:center}.notification.error{background:var(--light-red);border-left:4px solid var(--red)}.notification.error>*:not(.close-btn){color:var(--red)}.notification.error>.close-btn{background:var(--transparent);color:var(--red)}.notification.error>.close-btn:hover{background:var(--red);color:var(--lite)}.notification.error>.close-btn:hover>*{color:var(--lite)}.notification.warning{background:var(--light-yellow);border-left:4px solid var(--yellow)}.notification.warning>*:not(.close-btn){color:var(--dark-yellow)}.notification.warning>.close-btn{background:var(--transparent);color:var(--dark-yellow)}.notification.warning>.close-btn:hover{background:var(--yellow);color:var(--lite)}.notification.warning>.close-btn:hover>*{color:var(--lite)}.notification.success{background:var(--light-green);border-left:4px solid var(--green)}.notification.success>*:not(.close-btn){color:var(--green)}.notification.success>.close-btn{background:var(--transparent);color:var(--green)}.notification.success>.close-btn:hover{background:var(--green);color:var(--lite)}.notification.success>.close-btn:hover>*{color:var(--lite)}.notification .close-btn{height:100%;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);background:var(--transparent);cursor:pointer}.notification .close-btn>*{font-size:22px;line-height:30px}.notification.show{animation:show_slide 1s ease forwards;right:-10px;opacity:1;pointer-events:auto}@keyframes show_slide{0%{transform:translate(100%)}40%{transform:translate(-10%)}80%{transform:translate(0)}to{transform:translate(-10px)}}.notification.hide{animation:hide_slide 1s ease forwards;right:-10px}@keyframes hide_slide{0%{transform:translate(-10px);opacity:1}40%{transform:translate(0)}80%{transform:translate(-10px)}to{transform:translate(100%);opacity:0}}:root{--lite: #fff;--primary: #059212;--primary-dark: #0A6847;--red: #e74c3c;--light-red: #FAA0A0;--green: #00A36C;--light-green: #90EE90;--yellow: #FFBD59;--light-yellow: #FBEC5D;--dark: #3b3b3b;--light-blue: #d0ffc4;--grey: #7288a2;--dark-grey: #555;--dark-shadow: 0px 5px 3px -4px var(--dark);--shadow: 0px 1px 2px -1px var(--dark),0px 1px 2px -1px var(--primary);--transparent:rgba(0, 0, 0, .03);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.App{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:85px;min-height:100vh;color:var(--dark);overflow:hidden;position:relative}.App h1{font-size:26px;font-weight:600;color:var(--dark);text-transform:uppercase;width:100%;text-align:center;padding:5px 0;letter-spacing:6px}.App h2{text-align:center;font-size:24px;font-weight:400;margin:5px 0}.App h3{font-weight:400;font-size:24px;color:var(--primary-dark);flex:1.5}.App h4{font-size:20px;color:var(--grey)}.App p{font-size:15px;color:var(--dark)}.App .post-container{display:flex;width:100%;overflow:hidden;align-items:center;position:relative;justify-content:space-evenly;flex-wrap:wrap;margin-bottom:40px}.App .btn{width:fit-content;background:var(--primary);border-radius:30px;padding:8px 20px;color:var(--lite);box-shadow:var(--dark-shadow);transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;cursor:pointer;border:none;text-decoration:none;display:flex;align-items:center;justify-content:center;outline:none}.App .btn.top{border:none;padding:10px;margin:10px;position:fixed;cursor:pointer;bottom:0;right:0;border-radius:50%;z-index:1;transition:all .4s ease-in-out}.App .btn.top:hover{color:var(--primary);background:var(--lite);border:1px solid var(--primary)}.App .btn:hover{box-shadow:0 25px 18px -6px #0003;background:var(--primary-dark);color:var(--lite)}