*{
   margin: 0;
   padding: 0;
}
body{
   text-decoration: none;
   color: rgb(21, 0, 139);
   background-color: darkgrey;
   text-align: center;
    }
header{
   margin-bottom: 10px;
   background-color: darkslategray;
   padding: 20px;
}

.wrapper{
   width: 70%;
   margin: 0 auto;
}

main{
   margin: 20px;
   display: flex;
   align-items: center;
   flex-direction: column;
}
footer{
   margin-top: 20px;
   background-color: darkslategray;
}
h1{
   margin: 20px;
}
h2{
   margin: 10px
}
nav{
   margin: 10px;
}
a{
   text-decoration: none;
   color: rgb(21, 0, 139);
   border: 1px solid black;
   background: ghostwhite;
   padding: 5px;
}
 a:hover{
    color: crimson;
    text-decoration: line-through;
}
ul{
   margin: 10px;
}
.projects{
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.project{
   background-color: rgb(21, 0, 139);
   border: solid 3px ghostwhite;
   width: 30%;
   color: darkgrey;
}
button{
   background-color: darkgray;
   color:  rgb(21, 0, 139);
   border: 1px solid black;
   padding: 5px;
   margin: 10px;
}
.jackpot{
   display: flex;
   justify-content: space-around;
   flex-direction: column;
   align-items: center;
}
.games{
   background-color: rgb(21, 0, 139);
   border: solid 3px ghostwhite;
   color: darkgrey;
   width: 30%;
   margin: 0 auto;
}
.form{
   padding: 10px;
   background-color: rgb(21, 0, 139);
   border: solid 3px ghostwhite;
   width: 40%;
   color: darkgrey;
}
form{
   display: flex;
   flex-direction: column;
   align-items: center;
}
.form-group{
   margin: 5px;
}
textarea{
   margin: 5px;
   width: 40%;
   height: 100px;
}