:root{--green:#427a76;--dark-green:#174143;--gray-white:#f8f8f8;--orange:#f9b487;--dark-orange:#f89e63}.montserrat-font{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500}body{background-color:#fcf9f0;background-image:linear-gradient(#f2efe6 1px,#0000 0),linear-gradient(90deg,#f2efe6 1px,#fcf9f0 0);background-size:20px 20px;font-family:Montserrat;margin:0}#m,body{min-height:100vh}#m{display:flex;flex-direction:column;justify-content:space-between}a{color:inherit;text-decoration:none}h1,h2{text-align:center}button:active,button:focus{outline:none}.o{background:var(--dark-green);box-shadow:3px 2px 0 #0003;cursor:pointer;display:inline-block;outline-offset:4px;padding:0;transform:skew(10deg,-5deg)}.f,.o{border:2px solid #000;border-radius:12px}.f{text-wrap:nowrap;background:var(--green);color:#fff;display:block;font-family:default;font-size:1.33rem;padding:5px 10px;transform:translate(3px,-6px);transition:transform .1s}.o.active .f,.o:active .f{transform:translate(2px,-2px)}#navbar{align-items:center;display:flex;justify-content:space-between;min-height:-webkit-fit-content;min-height:fit-content;padding:20px 20px 0}#description-wrapper{display:flex;flex:2 1;justify-content:center}#site-description{display:flex;flex-direction:column;justify-content:center;width:50%}#site-description>h3{font-size:.67rem;text-align:center;word-spacing:.32rem}#title-animation{display:flex;gap:10px;justify-content:center}#title-animation .f{background-color:var(--orange);font-size:2rem}#title-animation .o{background-color:var(--dark-orange)}.nav-buttons{align-items:center;display:flex;flex:1 1;gap:1rem}@media (orientation:portrait){#navbar{flex-direction:column;gap:20px}#description-wrapper{order:0}#navbar .f{font-size:.8rem}#title-animation .f{font-size:1rem}.nav-buttons{order:1}}span{display:block;margin-top:-5px}.keyboard{background:#2a2929;border-radius:10px;box-shadow:-10px 10px 4px #0003;filter:drop-shadow(-10px 10px 4px #ababab);margin-bottom:50px;scale:.8;transform:skew(10deg,-5deg);width:780px}.keyboard .o{float:left;font-size:inherit;line-height:48px;margin-left:2px;margin-top:10px;text-align:center;transform:none;width:50px}.keyboard .o .f{font-size:medium;padding:0}.row{margin-top:2px;overflow:hidden}.key{background-color:var(--off-white);border-radius:4px;color:#000;float:left;height:50px;line-height:48px;margin-left:2px;text-align:center;width:50px}.key.active{background-color:var(--green)}.keyboard .delete{width:100px}.keyboard .longer-key{width:75px}.keyboard .enter{width:112px}.keyboard .caps{width:90px}.keyboard .shift-left{width:100px}.keyboard .space{width:300px}.keyboard .bottom{width:70px}.keyboard .qwerty .f{background-color:var(--orange);color:#fff}.keyboard .qwerty{background-color:var(--dark-orange)}.keyboard .key-break{visibility:hidden}#game{align-items:center;display:flex;flex-direction:column;justify-content:center}#monitor{padding:30px 30px 0;width:50%}#phone-info{display:none}#phone-info h3{text-align:center}@media (orientation:portrait){.keyboard{display:none}#phone-info{display:block}#monitor{display:none}}.breakpoint{align-items:center;display:flex}.leftbr,.rightbr{background-color:#000;border-radius:10px;box-shadow:3px 2px 0 #0003;flex:1 1;height:3px;margin:20px 25px}.middlebr>p{margin:0;padding:0 2px;text-align:center}footer{align-items:center;display:flex;justify-content:space-between;max-height:100px;padding:0 70px 5px}footer>p{font-size:1rem;margin:0}#github-link{align-items:center;display:flex;font-size:1rem;gap:10px;justify-content:center}@media (orientation:portrait){footer p{font-size:.6rem}}main{flex:1 1;flex-direction:column}.tutorial{align-items:center;display:flex;justify-content:center;margin-bottom:30px;margin-top:30px}.tutorial>.description{height:100%;width:50%}.tutorial>img{filter:drop-shadow(12px 12px 5px #303030);transform:skew(-10deg,5deg);width:160px}.form{align-items:center;background-color:#ffffff4e;border:3px solid #303030;border-radius:20px;box-shadow:8px 6 0 px #0003;display:flex;flex-direction:column;gap:20px;justify-content:center;max-width:500px;padding:30px;width:100%}.error{color:var(--dark-orange);font-weight:700}main{padding:50px 25% 0}label,main{align-items:center;display:flex;justify-content:center}label{flex-direction:column}input,select,textarea{border:2px solid #c6c6c6;border-radius:8px;margin-top:5px;padding:10px 14px;transition:border-color .2s,box-shadow .3s}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 5px var(--dark-green);outline:none}#galeria{align-items:center;display:flex;flex-wrap:wrap}#galeria figure{width:20%}#galeria video{width:20%}#galeria figure>img,#galeria video{border:7px solid var(--green);border-radius:5px}#galeria figure>img{max-width:100%}
/*# sourceMappingURL=main.b34b1c1a.css.map*/