@import url('https://fonts.googleapis.com/css2?family=Exo&display=swap');
                @import url('https://fonts.googleapis.com/css2?family=Coda+Caption:wght@800&display=swap');    
          
          
          body
           {

             display: flex;
             justify-content: center;
             align-items: center;
             margin-top: 30px;
             padding: 15px;
	     background-image:url('image/background/background.jpg');
	     background-repeat: no-repeat;
	     background-attachment: fixed;
	     background-size: 100% 100%;  
           }
         .container
           {
             max-width: 700px;
             
             background-color: rgba(241, 233, 233, 0.74);
             padding: 25px 30px;
             border-bottom-right-radius: 35px;
             border-top-left-radius: 35px;
             box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
           }
         .container .title
           {
             font-size: 35px;
             font-weight: 500;
             position: relative;
             color: rgb(255, 255, 255);
      text-shadow: 1px 1px 2px black, 0 0 25px hsl(59, 100%, 50%), 0 0 5px green;
             text-decoration:underline;
             font-family: 'Coda Caption', sans-serif;
            }

            .content
           { 
             font-family: 'Exo', sans-serif;
           }




 .button{
   height: 45px;
   margin: 30px 0
 }
.button input{
   height: 100%;
   width: 100%;
   border-radius: 5px;
   border: none;
   color: rgb(0, 0, 0);
   font-size: 18px;
   font-weight: 500;
   letter-spacing: 1px;
   cursor: pointer;
   background: linear-gradient( rgb(219, 219, 160), rgb(218, 185, 0));
 }
.button input:hover{
  background: linear-gradient(rgb(218, 185, 0),rgb(219, 219, 160));
  transform:scale(1.05);

  }