.container{text-align:center;background-color:#d8d3d3;padding-top:20px;width:50%;height:350px;position:relative;left:25%;top:100px;border-radius:20px;background:linear-gradient(135deg,pink,#add8e6);background-size:100% 100%}button{border-radius:10px;padding:6px;border:none;cursor:pointer}button:hover{color:#eee;background-color:#000}button:active{transform:scale(.98);box-shadow:2px 2px 10px #0003;background-color:#0056b3}span{position:absolute;top:220px;left:185px}input{width:250px;height:25px;margin:10px}.btn_submit{width:250px;height:35px}@media screen and (max-width: 450px){.container{width:98%;left:5px;padding:20px 0}span{left:45px}}