simple-css-for-simple-page.css

body {
font: 16px Open sans, sans-serif;
height: 100vh;
transition: .3s ease;
background-image: linear-gradient(-45deg, #EEF0F3 0%, #F6F5F3 100%);
}

.container {
margin: 10vh auto;
background-color:#6398EC;
border-radius:4px;
background: white;
display: flex;
align-item: center;
max-width: 800px;
height: 500px;
flex-direction:column;
}

img {
width:40px;
height:40px;
cursor:pointer;
}

h1 {
font-size: 24px;
width: 200px;
display:flex;
padding:10px;
}

p{
display:flex;
padding:10px;

}


.div-button {
background-color:3311F5;
border: solid 2px #872bff; 
font-size: 18px;
padding: 18px;
width: 60px;
height: 10px; 
border-radius:10px;
}

.div-button:hover{
background-color:122EFF;
font-size: 18px;
padding: 18px;
width: 60px;
height: 10px; 
border-radius:10px;
cursor:pointer;
transform: scale(1);
}