*{margin:0px;padding:0px;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:cover;background-repeat:no-repeat;font-family:monospace}main{overflow-x:hidden;height:100vh;width:100%;background-color:#eeeeee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}main button{height:40px;width:100px;background-color:#000;color:#fff;line-height:40px;font-size:1.2rem;outline:none;border:none;border-radius:10px;-webkit-box-shadow:15px 15px 10px rgba(0,0,0,0.1);box-shadow:15px 15px 10px rgba(0,0,0,0.1);-webkit-transition-duration:200ms;transition-duration:200ms}main button:hover{cursor:pointer}main button:active{-webkit-transform:translateY(5px);transform:translateY(5px);-webkit-box-shadow:none;box-shadow:none}main .left{height:100%;width:60%}main .left form{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:40px}main .left form img{border-radius:20px;max-height:60%;-webkit-box-shadow:20px 20px 20px rgba(0,0,0,0.2);box-shadow:20px 20px 20px rgba(0,0,0,0.2);-webkit-transition-duration:500ms;transition-duration:500ms}main .left form img:hover{-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}main .left form input{width:500px;height:50px;padding:0 15px;font-size:1.2rem;letter-spacing:2px;color:rgba(0,0,0,0.6);border:none;border-radius:10px;outline:none}main .left form div{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}main .right{height:100%;width:50%;padding-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}main .right div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:40px}main .right label{font-size:1.2rem;font-weight:700}main .right .slider-container{display:-ms-grid;display:grid;-ms-grid-columns:auto 350px;grid-template-columns:auto 350px;gap:30px}main .right .slider-container .slider{-webkit-appearance:none;height:25px;background:#d3d3d3;outline:none;-webkit-transition:0.2s;border-radius:7px}main .right .slider-container .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;background:#000;border-radius:7px;cursor:pointer;-webkit-box-shadow:10px 10px 10px rgba(0,0,0,0.1);box-shadow:10px 10px 10px rgba(0,0,0,0.1)}main .right .slider-container .slider::-moz-range-thumb{width:25px;height:25px;background:#000;border-radius:7px;cursor:pointer}@media screen and (max-width: 992px){main{height:unset;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}main .left,main .right{height:100vh;width:100%}main .left form{padding:0 20px}main .left form input{width:100%}main .right{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main .right .slider-container{-ms-grid-columns:auto 70%;grid-template-columns:auto 70%}}