*{margin:0;padding:0;box-sizing:border-box;border:none}body{background-image:radial-gradient(rgba(250, 250, 250, 0.4), rgb(51, 51, 51)),url(https://cdn.pixabay.com/photo/2016/06/13/09/57/meeting-1453895_960_720.png),url(https://cdn.pixabay.com/photo/2012/05/07/01/54/owl-47526_960_720.png),url(https://cdn.pixabay.com/photo/2014/04/03/10/29/hexagons-310659_960_720.png);background-repeat:no-repeat;background-position:bottom,100% -200%,50% 6%,bottom;background-size:cover,auto,5%,cover;font-family:Roboto;font-weight:700;min-height:76vh}body h1{color:#fff;text-shadow:3px 3px #000;font-size:5em}#container{margin-inline:auto;margin-top:3em;width:508px;height:508px;margin-inline:auto;text-align:center;font-size:16px;font-weight:700;border-radius:10px;justify-content:center}#container header{color:#fff;margin-inline:auto;margin-bottom:2em}#top-bar{display:flex;justify-content:center;margin-inline:auto;width:60%;padding-inline:1em;background-color:#000;border:5px solid #315008;border-radius:10px;padding:.25em .25em}#top-bar .screen{width:80%;min-height:2.5em;padding:.25em .5em .25em .5em;background-color:#e1feff;border:3px solid #315008;border-radius:10px;font-size:20px;text-align:right}#top-bar .screen::before{font-weight:300}#top-bar .screen:active,#top-bar .screen:focus{font-weight:bold;border:none}#top-bar .screen-focus{background-color:#000;color:#fff}#top-bar .clear-button{font-size:1em;margin-left:5%;width:12%;min-height:2.5em;background-color:#5ce1e6;border:1px solid #fff;border-radius:10px;font-family:"Roboto",sans-serif;font-weight:700;height:70%;margin-top:5px}#top-bar .clear-button:hover{cursor:pointer;filter:invert(100%);transition:filter .5s ease-in-out}.row{display:flex;align-content:center;flex-wrap:wrap;justify-content:center;gap:11px;padding-inline:0;padding-top:15px;padding-bottom:15px;margin-inline:auto;min-height:50%;border:10px solid #315008;border-top:5px solid #315008;border-radius:10px;border-top-left-radius:15px;border-top-right-radius:15px;background-color:#545454}.row button{width:18%;height:18%;font-size:1.5em;background-color:#c1ff72;border:3px solid #000;color:#fff;text-shadow:1px 1px #000;border-radius:10px;font-family:"Roboto";font-weight:700;box-shadow:3px 3px #000}.row button:focus{transform:scale(1.2);transition:transform 1s}.row button:active{transform:scale(1.5);transition:transform 1s}.row button.functional{background-color:#f2ff00;color:#000;text-shadow:1px 1px #fff;font-weight:700;margin-top:2px}.row button.advanced{background-color:#ffde59;color:#000;font-weight:700;margin-top:2px}.row button:hover{cursor:pointer;filter:brightness(75%);transition:filter .5s ease-in-out;color:#000;transition:color 1s;font-weight:700}.row .functional:hover,.row .advanced:hover{color:#fff;background-color:#000;transition:background-color 1s ease-in-out}.row .equal-button{background-color:#315008;width:38%}.row .dot-btn{background-color:#000}.row .dot-btn:hover{background-color:#fff;color:#000;transition:background-color 1s ease-in-out}footer{bottom:0;position:absolute;font-size:1.5em;width:100%;padding:.2em 5em;background-color:#000;color:#fff}@media screen and (max-width: 576px){#container{width:375px}#top-bar{width:95%}.row{width:90%}body{background-position:bottom,0 60vh,50% 2vh,50% -8vh;background-size:cover,100%,30%,cover}body h1{margin-top:15vh}}@media screen and (min-width: 576px){#top-bar{width:95%}.row{width:90%}body{background-position:bottom,0 60vh,50% 2vh,bottom;background-size:cover,100%,20vh,cover}body h1{margin-top:24vh}}@media screen and (min-width: 768px){body{background-position:0,0 60vh,50% 2vh,bottom;background-size:cover,100%,20vh,cover}}@media screen and (min-width: 992px){body{background-position:bottom,0 60vh,50% 1vh,bottom;background-size:cover,100%,20vh,cover}}@media screen and (min-width: 1200px){body{background-position:bottom,0 60vh,50% 2vh,bottom;background-size:cover,50%,20vh,cover}}@media screen and (min-width: 1440px){body{background-position:bottom,100% 400px,50% 6%,bottom;background-size:cover,50%,20vh,cover}}/*# sourceMappingURL=main.min.css.map */