*{box-sizing:border-box;font-family:sans-serif;transition:.5s}body,html{margin:0;padding:0}.container{height:100vh}.block{height:90%;display:flex;margin:0 5px}.block1{height:9%;padding:8px}h3{color:#00472c;margin:5px;margin-left:15px;margin-bottom:7px}.i1{border:2px solid #00472c;height:100%;width:50%;margin:0 1px}.i2{border:2px solid #00472c;height:100%;width:50%;margin:0 1px}.block1 button{color:#fff;background-color:#00472c;border-radius:3px;border:1px solid grey;margin:0 0 5px 5px;cursor:pointer}.nav button{color:#fff;background-color:#00472c;border-radius:3px;border:1px solid grey;margin:10px;cursor:pointer;padding:10px;width:150px}@media(max-width:600px){.container{height:100vh}.block1{height:9%;padding:5px;display:flex;flex-direction:column}.block{height:90%;display:flex;flex-direction:column;padding:0 5px}.i1{border:2px solid #00472c;height:50%;width:100%;margin:2px 0}.i2{border:2px solid #00472c;height:50%;width:100%;margin:2px 0}input[type=range]{width:100px}.modal{width:90%}}@media(max-width:600px) and (min-width:450px){.modal{width:70%}}@media(max-width:350px){input[type=range]{width:70px}}textarea{width:100%;height:100%;resize:none;border:none;padding:5px;font-size:16px;color:#ff1744}input{margin-left:30px;cursor:pointer}label{cursor:pointer}iframe{border:none}.modal{z-index:100;position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);background-color:#00472c;padding:10px;border:2px double silver;border-radius:10px;text-align:center;box-shadow:0 16px 24px 0 rgba(0,0,0,.5),0 25px 55px 0 rgba(0,0,0,.5);transition:.6s;display:none}.modal a{text-decoration:none;display:block;color:#fff;font-weight:700;float:right;margin:5px;font-size:20px}.modal a:hover{text-decoration:none;display:block;color:red;font-weight:700;float:right;margin:5px;font-size:20px}#modalback{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(68,68,68,.336);z-index:1;display:none}#nav-back{position:fixed;top:0;left:0;width:100%;height:0%;background-color:rgba(68,68,68,.336);transition:.5s}.nav{background-color:#cdffec;height:0;position:fixed;width:100%;top:0;transition:.5s;overflow-y:hidden;box-shadow:1px 1px 10px #000;text-align:center}#menu{width:30px;height:25px;text-align:center;background-color:#d5ffef;border:#c4c2c2 1px solid;border-radius:5px}#menu:hover{background-color:#d5ffef;border:#000 1px solid;border-radius:5px}#close-nav{display:block;color:#00472c;width:30px;height:25px;text-align:center;background-color:#d5ffef;border:#c4c2c2 1px solid;border-radius:5px;cursor:pointer;font-size:20px;position:relative;right:49%;left:49%}