@media screen and (max-width: 650px){body{margin:0;padding:0;background-color:#f0fbf5;font-family:Crimson Text,serif}.happen{width:100%}header{display:flex;padding:12px;align-items:center;height:60px;background:rgba(225,225,225,1);border-color:#000;border-width:0px 0px 2px;border-style:solid}.bar{font-size:1.2rem;margin-left:15px}.headerText{margin-left:15px}h1{font-family:EB Garamond,serif}.blockDiv{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px;height:auto;border:1px solid #89c47a;margin-top:30px;background-color:#55ad32;color:#e8f5e9}.blockDiv h4{margin:7px}input{height:1.65vh;width:18vw;border:.7px solid gray;padding:7px;font-size:1rem;border-radius:5px}select{height:25px;width:20vw;font-size:1rem}.secDiv{display:flex;justify-content:space-evenly;align-items:center;width:90%}.secDiv h3{margin:11px}button{height:30px;width:110px;padding:5px;margin-top:25px;border:none;border-radius:5px;font-size:1rem}.remarks{height:auto;margin-bottom:60px;padding:8px;border-radius:5px;width:270px;border:2px solid #6f8063}button:active{background-color:gray}.check{background-color:green;color:#fff}.reset{background-color:#ff4500;color:#fff}footer{display:flex;justify-content:center;align-items:center;padding:7px;background-color:#000;color:#fff;font-size:.8rem;text-align:center;height:80px;font-family:monospace}}@media screen and (min-width: 650px){body{margin:0;padding:0;background-color:#f0fbf5;font-family:Crimson Text,serif}.happen{display:flex;justify-content:center;align-items:center;width:650px}header{display:flex;padding:12px;align-items:center;height:60px;background:rgba(225,225,225,1);border-color:#000;border-width:0px 0px 2px;border-style:solid}.bar{font-size:1.2rem;margin-left:15px}.headerText{margin-left:15px}h1{font-family:EB Garamond,serif}.blockDiv{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px;height:auto;border:1px solid #89c47a;margin-top:30px;background-color:#55ad32;color:#e8f5e9}.blockDiv h4{margin:7px}input{height:25px;width:90px;border:.7px solid gray;padding:7px;font-size:1rem;border-radius:5px}select{height:25px;width:60px;font-size:1rem}.secDiv{display:flex;justify-content:space-evenly;align-items:center;width:90%}.secDiv h3{margin:11px}button{height:30px;width:110px;padding:5px;margin-top:25px;border:none;border-radius:5px;font-size:1rem}.imghead{margin-left:150px}.remarks{height:auto;margin-bottom:60px;padding:8px;border-radius:5px;width:270px;border:2px solid #6f8063}button:active{background-color:gray}.check{background-color:green;color:#fff}.reset{background-color:#ff4500;color:#fff}footer{display:flex;justify-content:center;align-items:center;padding:7px;background-color:#000;color:#fff;font-size:.8rem;text-align:center;height:80px;font-family:monospace}}