html{
   height:100%;
   margin:0;
   background-image:linear-gradient(lime,limegreen);
}

img{
   display: block;
   margin-left:auto;
   margin-right:auto;
   margin-top: 15px;
   margin-bottom: 15px;
}

.content{
   background-color:white;
   width:300px;
   margin: 0;
   position: absolute;
   top: 30%;
   left: 50%;
   transform: translate(-50%, -30%);
   box-shadow: 12px 12px 8px black;
   border-radius: 10px;
}

.header{
   font-weight: bold;
   padding: 8px;
   background-image:linear-gradient(rebeccapurple,purple);
   text-align:center;
   color:white
}

.crow{
   padding: 8px;
}

.desc{
   display: inline-block;
   width: 80px;
}

.textin{
   width: 200px;
}

.button{
   background-color:purple;
   color:white;
   cursor: pointer;
   border-radius:7px
}


.button:hover{
   background-color:#8F251A;
   color:white;
}