@import url("https://fonts.googleapis.com/css2?family=Raleway:ital@1&family=Staatliches&display=swap");@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background-color:#f5f5f5;font-family:Raleway;font-weight:500;margin:0;padding:0}.header{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);background-color:#fff;color:#1c1c1c;font-family:MuseoModerno,cursive;height:100px;margin-bottom:40px;position:fixed;top:0;width:100%;z-index:3}.header__container{padding:0 20px}.header__menuWrap{align-items:center;display:flex;justify-content:space-between}.header__menuWrap h1{cursor:pointer;flex:1;font-family:Staatliches;transition:all .5s}.header__menuWrap h1:hover{color:#f44336}.header__menuWrap h1 span{width:auto}.btnNav{align-items:center;background:#1c1c1c;border:0;border-radius:2px;cursor:pointer;display:flex;height:30px;justify-content:center;justify-self:flex-end;margin-right:10px;outline:none;transition:all .5s;transition-delay:.3s;width:30px}.btnNav:hover span:nth-child(2),.btnNav:hover span:nth-child(3){width:100%}.btnNav__holder{width:20px;pointer-events:none}.btnNav__holder span{background:#fff;border-radius:5px;display:block;height:4px;margin-top:3px;pointer-events:none;transition:all .5s;width:100%}.btnNav__holder span:nth-child(2){width:70%}.btnNav__holder span:nth-child(3){width:0}.btnNav__holder--open span:first-child{transform:translateY(7px) rotate(45deg)}.btnNav__holder--open span:nth-child(2){opacity:0}.btnNav__holder--open span:nth-child(3){width:100%;transform:translateY(-7px) rotate(-45deg)}.sideMenu{background-color:rgba(0,0,0,.3);height:100%;left:0;opacity:0;padding-top:100px;position:fixed;top:0;transition:all .5s;visibility:hidden;width:100%;z-index:2}.sideMenu--open{opacity:1;visibility:visible}.sideMenu__close{height:100%;left:0;position:absolute;top:0;width:100%}.sideMenu__menu{background:#1c1c1c;height:100%;max-width:320px;position:fixed;transform:translateX(-100%);transition:all .5s;width:40%;z-index:2}.sideMenu__menu--show{transform:translateX(0)}.sideMenu__menu ul{padding:20px;list-style:none}.sideMenu__menu ul li{border-bottom:1px solid;color:#fff;cursor:pointer;padding:10px 0}.sideMenu__menu ul li a{opacity:.9;color:inherit;text-decoration:none}.sideMenu__menu ul li a:hover{opacity:1}.headline{border-bottom:1px solid;margin-bottom:45px;text-align:left}.about{text-align:center}.about a{color:#03a9f4;font-weight:600;text-decoration:none}.about a:hover{color:#0275a8}.about h1{font-size:28px}.about h1,.about h2{text-transform:uppercase;font-weight:400}.about h2{margin-top:30px;font-size:20px}.socialWrap{list-style:none;text-align:center}.socialWrap li{background-color:#03a9f4;border:1px solid hsla(0,0%,100%,.1);border-radius:50%;display:inline-block;margin-right:15px;height:40px;line-height:45px;transition:all .5s;text-align:center;width:40px}.socialWrap li:hover{background-color:#0286c2;border-color:#0286c2}.socialWrap li a{color:#fff;display:block}.socialWrap svg{fill:#fff!important;height:20px;width:20px}.error{text-align:center}.error__btn{background-color:#03a9f4;color:#fff;padding:10px 12px}.button,.error__btn,.note__button{border:0;cursor:pointer;outline:none}.button,.note__button{align-items:center;background:#03a9f4;border-radius:2px;display:flex;height:25px;justify-content:center;margin:0 0 0 2px;transition:all .5s;width:25px}.button span,.note__button span{font-size:15px}.button:hover,.note__button:hover{background:#0275a8;color:#fff}.button:disabled,.note__button:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.button svg,.note__button svg{width:18px;height:18px}.button--loading,.button--saving{opacity:0;visibility:hidden}.button--loading svg{animation:rotation 1s linear infinite}.button--error{background-color:#f44336}.button--show{opacity:1;transition:all .5s;visibility:visible}.container{margin:0 auto;max-width:680px;padding:20px}.wrapper{margin-top:100px}.new-note{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);background-color:#fff;border-radius:5px;overflow:hidden}.new-note__input{border:none;font-family:Raleway;font-size:15px;padding:15px;outline:none;width:100%}.note-list{margin:40px 0}.note{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);align-items:center;background-color:#fff;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:20px;overflow:hidden;padding:10px 12px}.note__text{flex:1}.note__input{border:solid #f5f5f5;border-width:0 0 1px;font-family:Raleway;font-weight:500;font-size:16px;flex:1;line-height:25px;outline:none;padding:0}.note__btnWrap{display:flex}.note__btnWrap--active{visibility:visible;opacity:1}.note__button--save{background-color:#4caf50}.note__button--close{background-color:#f44336}.note__button--up svg{transform:rotate(180deg)}.sistemButtons__list{display:grid;grid-template-columns:repeat(4,1fr);padding:0}.sistemButtons__item{align-items:center;border:1px solid;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;padding:20px;text-align:center;transition:all .5s}.sistemButtons__item:hover{background-color:#1c1c1c;color:#fff}.sistemButtons__item:hover svg,.sistemButtons__item:hover svg *{fill:#fff!important}.sistemButtons__item svg{height:80px;width:80px}.sistemButtons__item span{margin-top:20px}
/*# sourceMappingURL=/repo.97c279eb.css.map */