*{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%;font-family:"Roboto",sans-serif}header{width:100%;font-size:1rem;display:flex;justify-content:center}main{font-size:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}footer{font-size:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.header{width:100%;display:grid;font-size:1.7em;grid-template-columns:1fr 1fr;background:#537188;color:#eee;padding:1em 2em;border-bottom:2px solid rgba(238,238,238,.4)}.header__logotipo{font-weight:500;display:flex;justify-content:start;align-items:center}.header .nav{display:flex;justify-content:end;gap:10%}.header .nav__a{font-weight:500;color:#eee;text-decoration:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.header--relax{background:#8dbf8b;color:#f7ffe5;border-bottom:2px solid rgba(247,255,229,.4)}.header--relax .nav__a{color:#f7ffe5}.main{width:100%;font-size:1rem;padding:5em 0;background:#537188;display:flex;justify-content:center;align-items:center}.main--relax{background:#8dbf8b}.timer{width:40%;font-size:1rem;padding:3.5em;border-radius:10px;background:#e1d4bb;display:flex;flex-direction:column;align-items:center;gap:4em}.timer__header,.timer__footer{width:100%;display:flex;flex-direction:row;justify-content:space-evenly}.timer__time{font-size:6.5em;font-weight:700}.timer__button{font-size:1.7em;width:30%;padding:.7em 0em;background:none;background:#cbb279;color:#eee;font-weight:bold;border:2px solid rgba(203,178,121,.5);border-radius:20px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.timer__button--active{background:#eee;color:#537188;font-weight:700}.timer--relax{background:#e1ecc8}.timer--relax .timer__button{background:#a4bc92;color:#f7ffe5;border:2px solid rgba(164,188,146,.5)}.timer--relax .timer__button--active{background:#f7ffe5;color:#8dbf8b}.info{width:60%;margin:5em 0;font-size:1rem;display:flex;flex-direction:column;text-align:justify}.info__section{margin:2em 0}.info__title{margin:.8em 0;font-size:3.4em;font-weight:700;text-align:center}.info__subtitle{font-size:2.8em}.info__hr{margin:1em 0;opacity:.5}.info__text{font-weight:300;font-size:1.8em;line-height:1.8em}.footer{width:100%;font-size:1rem;font-weight:300;text-align:center;background:#537188;padding:1.5em 0}.footer__author{font-size:1.6rem}.footer__me{color:#eee;font-weight:bold}.footer--relax{background:#8dbf8b}.footer--relax .footer__me{color:#f7ffe5}@media screen and (max-width: 900px){.timer{width:60%}}@media screen and (max-width: 650px){html{font-size:65%}.timer{width:80%}.info{width:80%}}@media screen and (max-width: 500px){html{font-size:70%}.timer__header,.timer__footer{flex-direction:column;align-items:center;gap:1em}.timer__button{width:100%}}/*# sourceMappingURL=styles.css.map */