#root,.App,body,html{margin:0;padding:0}.main--container{display:flex;flex-direction:column;margin:0 auto;width:90%;z-index:1}.confirmation-box{align-items:center;background-color:#919191;border-radius:20px;height:40%;left:auto;position:fixed;top:30%;width:92%;z-index:2}.confirmation-box,.messages-wrapper{display:flex;flex-direction:column;justify-content:center}.messages-wrapper{height:90%;margin-top:20px}.confirmation-title{font-weight:600;margin:0 auto}.confirmation-message,.confirmation-title{color:#fff;font-family:Montserrat,sans-serif}.confirmation-message{font-weight:300;height:auto;margin:45px auto;width:80%}.popup-close-span{border:1px solid silver;border-radius:50px;color:red;cursor:pointer;font-weight:600;margin-right:4px;margin-top:4px;padding:5px 10px;position:absolute;right:0;top:0}.popup-close-span,.popup-confirmation-btn{background-color:#fff;font-family:Montserrat,sans-serif}.popup-confirmation-btn{border:1px solid #e4e4e4;border-radius:6px;color:#797979;font-weight:700;margin:0 auto;padding:5px;width:70px}.confirmation-box-wrapper{width:100vw}@media(min-width:700px){.confirmation-box{left:50%;max-width:460px;-webkit-transform:translate(-50%);transform:translate(-50%)}}.top--nav{background-color:#cacaca;border-bottom:1px solid gray;width:100%}.top--nav ul{align-items:center;display:flex;flex-direction:row;height:8vh;justify-content:space-between;margin:0;padding:0}.top--nav .div--logo{align-items:center;color:#f33131;display:flex;font-family:Caveat,cursive;font-size:1.5em;font-weight:400;height:100%;justify-content:center;margin-left:8px;text-align:center;text-shadow:.5px .5px #666;width:150px}.top--nav .div--logo a{color:#f33131;text-decoration:none}.top--nav .div--right{display:flex;flex-direction:column;margin-right:25px;text-align:center}.top--nav .div--right li{color:#8f8f8f;font-family:Montserrat,sans-serif;font-size:1.1em;font-weight:400;padding:0 5px}.top--nav .div--right a{color:#8f8f8f;cursor:pointer;text-decoration:none}.top--nav .div--right a:hover{color:#2c2c2c;font-weight:500}.top--nav .div--right span{color:#8f8f8f;text-decoration:none}.top--nav .div--right span .strong{color:#000;font-family:Montserrat,sans-serif;font-size:16px;font-weight:500}.top--nav li{list-style:none}.bottom--nav{background-color:#cacaca;border-top:1px solid gray;bottom:0;position:fixed;width:100%;z-index:3}.bottom--nav ul{align-items:center;display:flex;flex-direction:row;height:8vh;justify-content:space-around;margin:0;padding:0}.bottom--nav li{font-family:Montserrat,sans-serif;font-size:1em;font-weight:500;list-style:none}.bottom--nav a{color:#fff;text-decoration:none}.bottom--nav a:hover{color:#2c2c2c;font-weight:500}.timer-component-container{height:92vh}.timer--container{align-items:center;display:flex;flex-direction:column;height:85%;justify-content:center;margin:auto;width:100%}.timer--container .span-type{color:#d41f1f;font-family:Montserrat,sans-serif;font-size:1.2em;margin:0;padding-top:2px;text-align:center}.timer--container .div--timer{color:#323b2b;display:flex;font-family:Montserrat,sans-serif;font-size:3em;justify-content:center;width:250px}.timer--container .time-style{color:#424242}.timer--container .time-style-orange{color:#ff7300}.timer--container .time-style-red{color:red}.timer--container .div--timer--btns{display:flex;flex-direction:column;margin-bottom:25px;margin-top:15px}.timer--container .div--timer--btns .div-btns{display:flex;flex-direction:row;justify-content:center;margin:0 auto;width:70%}.timer--container .div--timer--btns button{border-radius:3px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:500;height:35px;margin-right:10px;width:110px}.timer--container .div--timer--btns .primary{background-color:#65be31;border:1px solid #65be31;color:#fff}.timer--container .div--timer--btns .primary:hover{background-color:#56a528}.timer--container .div--timer--btns .secondary{background-color:#e72f2f;border:1px solid #e72f2f;color:#fff}.timer--container .div--timer--btns .secondary:hover{background-color:#cf2727}.timer--container .div-pomodoro-gif{background-image:url(/static/media/3cd27426c45d481f5e653f700b17ff4ce038f750_hq.9f6e8ab84b67e50651bb.gif);background-position:50%;background-repeat:no-repeat;background-size:auto;height:60%;margin:10px 0;width:100%}.timer--container .div-break-gif{background-image:url(/static/media/412c6c1e6945e7c5a0abbd6f78b0b69a.bdc934c7a7c0064f38db.gif);height:60%}.timer--container .div-break-gif,.timer--container .div-start-gif{background-position:top;background-repeat:no-repeat;background-size:auto;margin:20px 0;width:100%}.timer--container .div-start-gif{background-image:url(/static/media/poke.4b0f840d890b2a9688e7.gif);height:40%}.timer--container .div-stoped-gif{background-image:url(/static/media/my-hero-academia-izuku-midoriya.1de80a7aca2ba0ae3741.gif);background-position:top;background-repeat:no-repeat;background-size:contain;height:60%;margin:20px 0;width:100%}.timer--container .selector-bar{align-items:center;display:flex;height:40px;justify-content:space-between;margin:0 auto;position:relative;width:95%}.timer--container #input-slide{-webkit-appearance:none;background:linear-gradient(90deg,#ff3d3d 60%,#d6d6d6 0);background-color:gray;border-radius:30px;cursor:pointer;height:15px;outline:none;transition:opacity .2s;width:80%}.timer--container #input-slide:hover{opacity:1}.timer--container #input-slide::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2843db;border-radius:50px;cursor:pointer;height:25px;width:25px}.timer--container #input-slide::-webkit-slider-thumb:hover{background:#1b32b3}.timer--container .input-value{background:#f72c2c;border-radius:4px;color:#fff;font-family:Montserrat,sans-serif;font-weight:500;height:20px;padding:4px 12px}.opacity-bg{opacity:.2}.change-here{font-size:18px}.change-here,.stop-pomodoro-msg{color:gray;font-style:italic;margin-bottom:15px;text-align:center;width:100%}.stop-pomodoro-msg{font-size:20px}.slider-container{display:flex;flex-direction:column;width:70%}@media(min-width:700px){.slider-container{max-width:441px}}.login-form{display:flex;flex-direction:column;height:100%;margin:0 auto;width:100%}.login-form .login-message{display:flex;margin:0 auto 50px;width:80%}.login-form .title{color:#424242;font-family:Montserrat,sans-serif;font-size:1.5em;font-weight:500;text-align:center}.login-form .error-message{color:red;font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;margin-right:10px;text-align:right}.login-form form{display:flex;flex-direction:column;margin:0 auto;width:75%}.login-form label{font-size:1em;margin-bottom:5px;margin-top:20px}.login-form input,.login-form label{font-family:Montserrat,sans-serif;font-weight:500}.login-form input{border:1px solid #8b8b8b;border-radius:7px;font-size:.8em;height:30px}.login-form input:focus{border:2px solid #747474;outline:none}.login-form .login-form-btns{display:flex;flex-direction:row;justify-content:flex-end}.login-form button{background-color:#65be31;border:1px solid #65be31;border-radius:7px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.8em;font-weight:500;height:25px;margin-left:5px;margin-top:25px;width:90px}.login-form button:hover{background-color:#3a9e00}.login-form .danger{background-color:#e72f2f;border:1px solid #e72f2f}.login-form .danger:hover{background-color:#c92020}.login-form a{color:#9a9afa;font-family:Montserrat,sans-serif;font-size:.8em;font-weight:600;margin-bottom:0;margin-top:5px;text-align:end;text-decoration:none}.login-form a:hover{color:#6b6bf5}.div-gif-container{display:flex;justify-content:end;position:relative;width:100%}.div-gif{background-image:url(/static/media/1621344026_300155_gif-url.2d2d42e126d36315a0c9.gif);background-repeat:no-repeat;background-size:contain;height:120px;width:30%}@media(min-width:700px){.login-form{max-width:628px}}.register-form{display:flex;flex-direction:column;height:100%;justify-content:center;margin:100px auto;width:100%}.register-form .register-form-inputs{display:flex;flex-direction:column;margin:0 auto;width:75%}.register-form .register-message{align-items:center;display:flex;margin:0 auto 50px;width:80%}.register-form span{color:#424242;font-family:Montserrat,sans-serif;font-size:1.5em;font-weight:500;text-align:center}.register-form form{display:flex;flex-direction:column;margin:0 auto;width:75%}.register-form label{font-size:1em;margin-top:0}.register-form input,.register-form label{font-family:Montserrat,sans-serif;font-weight:500;margin-bottom:5px}.register-form input{border:1px solid #8b8b8b;border-radius:7px;font-size:.8em;height:30px}.register-form input:focus{border:2px solid #747474;outline:none}.register-form .login-form-btns{display:flex;flex-direction:row;justify-content:flex-end}.register-form button{background-color:#65be31;border:1px solid #65be31;border-radius:7px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.8em;font-weight:500;height:25px;margin-left:5px;margin-top:25px;width:90px}.register-form button:hover{background-color:#3a9e00}.register-form .danger{background-color:#e72f2f;border:1px solid #e72f2f}.register-form .danger:hover{background-color:#c92020}.register-form a{color:#9a9afa;font-family:Montserrat,sans-serif;font-size:.8em;font-weight:600;margin-bottom:0;margin-top:5px;text-align:end;text-decoration:none}.register-form a:hover{color:#6b6bf5}.register-form .label-and-gif-container{align-content:center;align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:20px}.register-form .label-and-gif-container .psw-label{margin:0}.register-form .gif-container{background-image:url(/static/media/99dbac9235ee5529c016f116c4128696.c5fbe7b063fb0d48c742.gif);background-repeat:no-repeat;background-size:contain;height:40px;width:20%}.register-form .error-message{color:red;font-family:Montserrat,sans-serif;font-size:.7em;font-weight:600;margin-right:5px;text-align:right}.register-form .register-confirmation-container{color:#328d1b;font-family:Montserrat,sans-serif;font-size:1.1em;font-weight:500;margin-bottom:1px;text-align:center}.register-form .register-confirmation-container2{color:#328d1b;font-family:Montserrat,sans-serif;font-size:1.1em;font-weight:400;margin-bottom:20px;text-align:center}@media(min-width:700px){.register-form{max-width:628px}}.my-profile-main-container{margin-bottom:50px}.my-stickers-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:50px;width:100%}.mytrophies{border:1px solid #9e9e9e;border-radius:5px;height:120px;margin:1px;width:120px}.mytrophies:hover{background-color:#f3f3f3;border:1px solid #5c5c5c}.sticker-img{border-radius:4px;cursor:pointer;height:100%;object-fit:contain;width:100%}.locked{background-image:linear-gradient(rgba(0,0,0,.527),rgba(0,0,0,.5));-webkit-filter:brightness(15%);filter:brightness(15%)}.locked:hover{-webkit-filter:brightness(17%);filter:brightness(17%)}.myprofile-span{font-family:Montserrat,sans-serif;font-size:1em;font-weight:300;margin:14px 0}.myprofile-span .span--little{font-size:.8em}.myprofile-span .myprofile-span-bolder,.myprofile-span .span--bold{font-weight:600}.my-stickers-tittle{font-family:Montserrat,sans-serif;font-size:1em;font-weight:500;margin:20px auto 10px;max-width:810px;padding-left:20px}.big-img-div{background-color:hsla(0,0%,93%,.932);border-radius:20px;height:80vh;position:fixed;text-align:center;width:90%;z-index:2}.big-sticker-img{margin-top:50px;max-width:393px;min-width:245px;width:100%}.big-sticker-title{font-family:Montserrat,sans-serif;font-size:1.2em;font-weight:700;margin-bottom:30px;margin-top:20px;text-transform:uppercase}.big-sticker-msg{color:#000;font-size:1em;font-weight:500;margin:0 auto;width:60%}.big-sticker-msg,.close-button{font-family:Montserrat,sans-serif}.close-button{background-color:#fff;border:1px solid silver;border-radius:50px;color:red;cursor:pointer;font-weight:600;margin-right:4px;margin-top:4px;padding:5px 10px;position:absolute;right:0;top:0}.big-sticker-information{height:100%}.loader-container{background:transparent url(https://media.giphy.com/media/8agqybiK5LW8qrG3vJ/giphy.gif) 50% no-repeat;height:10vh;margin:90px auto 0;width:5%;z-index:1}@media(min-width:900px){.my-stickers-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:0 auto 50px;max-width:810px}.my-profile-span-wrapper{margin:0 auto;max-width:790px}.big-img-div{left:50%;max-width:810px;-webkit-transform:translate(-50%);transform:translate(-50%)}}@media(max-height:750px){.big-img-div{border:1px solid red;margin-top:0}.big-sticker-img{height:318px;width:318px}}.about-wrapper{font-family:Montserrat,sans-serif;margin:50px auto 0;width:90%}.about-wrapper .about-title{color:#646464;font-size:2em;font-weight:600;margin-bottom:10px;text-align:center;width:100%}.about-wrapper .about-about{color:#acacac;font-style:italic;font-weight:400;margin:0 auto 45px;max-width:442px;text-align:center}.about-wrapper .about-subtitle{color:dimgray;font-size:1.3em;font-weight:600;margin-bottom:10px;margin-left:22px}.about-wrapper .howtouse-wrapper{display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:100%}.about-wrapper li{color:dimgray;padding-bottom:5px;padding-top:5px}.about-wrapper ol{padding:0;width:90%}.about-wrapper .about-creator{color:dimgray;font-style:italic;margin-bottom:100px;margin-left:22px;margin-top:30px}.about-wrapper .john{font-weight:600;text-align:center}.about-wrapper a{color:dimgray;text-decoration:none}.about-wrapper a:hover{color:#ac3030}@media(min-width:562px){.howtouse-wrapper{max-width:545px}}.ranking-component{height:60vh;margin:100px auto 0;width:100%}.ranking-component .ranking-title{color:gray;font-family:Montserrat,sans-serif;font-size:1.5em;font-weight:500;margin-left:50px;text-align:center}.ranking-component .ranking-wrapper{display:flex;flex-direction:column;margin:50px auto 0;width:90%}.ranking-component .top-username{align-items:center;border:1px solid gray;border-right:none;color:gray;display:flex;font-family:Montserrat,sans-serif;padding:10px 0 10px 10px;text-transform:capitalize;width:60%}.ranking-component .first-place{background-image:url(/static/media/vecteezy_3d-icon-business-gold-medal_9848273_617.99f05194e765033f7334.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:20%}.ranking-component .top-username-1{align-items:center;border:1px solid gray;border-right:none;color:gray;display:flex;font-family:Montserrat,sans-serif;padding:10px 0 10px 10px;text-transform:capitalize;width:60%}.ranking-component .second-place{background-image:url(/static/media/vecteezy_3d-icon-business-silver-medal_9848279_449.795712a33a98ac14e1fc.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:20%}.ranking-component .top-username-2{align-items:center;border:1px solid gray;border-right:none;color:gray;display:flex;font-family:Montserrat,sans-serif;padding:10px 0 10px 10px;text-transform:capitalize;width:60%}.ranking-component .third-place{background-image:url(/static/media/vecteezy_3d-icon-bronze-medal_9855592_11.e04f9431e9eaec0e6d53.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:20%}.ranking-component .top-username-3{align-items:center;border:1px solid gray;border-right:none;color:gray;display:flex;font-family:Montserrat,sans-serif;padding:10px 0 10px 10px;text-transform:capitalize;width:60%}.ranking-component .no-place{width:20%}.ranking-component .top-totaltime{align-items:center;border:1px solid gray;color:gray;display:flex;font-family:Montserrat,sans-serif;font-size:1em;font-weight:500;justify-content:center;width:20%}.ranking-component .map-wrapper,.ranking-component .ranking-subtitle{display:flex;flex-direction:row;margin-top:5px}.ranking-component .general-username{border-right:none;padding:10px 0 10px 10px;text-transform:capitalize;width:60%}.ranking-component .general-totaltime,.ranking-component .general-username{align-items:center;color:gray;display:flex;font-family:Montserrat,sans-serif;font-size:1.3em;font-weight:500}.ranking-component .general-totaltime{justify-content:center;width:20%}.ranking-component .loader-container{background:transparent url(https://media.giphy.com/media/8agqybiK5LW8qrG3vJ/giphy.gif) 50% no-repeat;height:10vh;margin:90px auto 0;width:5%;z-index:1}@media(min-width:500px){.ranking-wrapper{max-width:405px}}
/*# sourceMappingURL=main.339ac8eb.css.map*/