/* fonts from https://fonts.google.com/ */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&family=Zilla+Slab:wght@400;600&display=swap');

:root {
--color1: rgb(0, 0, 0);
--color2: rgb(81, 100, 72);
--color3: rgb(105, 139, 225);
--left:
}
body{
background-color: var(--color3);
}

h1{
font-family: 'Open Sans';
font-weight: 600;
font-size: 4em;
color: var(--color1);
text-align: center;
}

h2{
font-weight: 400;
font-size: 3em;
font-family: 'open sans';
text-align: center;
position: relative;
top: 270px;
}

button{
font-weight: 400;
font-size: 2.5em;
font-family: 'open sans';
text-align: center;
display: inline-block;
padding: 0;
height: 100px;
width: 550px;
position: relative;
outline: none;
border: px solid #cdcdcd;
border-color: rgba(0,0,0,.15);
background-color: magenta;
border-radius: 25px;
margin-top: 10px;
}

button:hover {background-color: rgb(210, 2, 210)}

button:active {
  background-color: magenta;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.position{
position: relative;
top: 300px;
}

img {
   display:block;
   margin: 0 auto; 
   position: relative; 
   top: -460px; 
   width: 700px; 
   left: -20px;
   height: auto;
}