@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;
             padding: 15px;
	     background-image:url('image/background/background.jpg');
	     background-repeat: no-repeat;
	     background-attachment: fixed;
	     background-size: 100% 100%;  
	     margin-top:70px;           
           }
         .container
           {
             max-width: 600px;
             width: 100%;
             height: 500px;
             justify-content: center;
             align-items: center;
             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;
             font-family: 'Exo', sans-serif;
           }
           .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;
            }

           form .button{
            height: 45px;
            margin: 30px 0
          }
          form .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));
          }
          form .button input:hover{
           background: linear-gradient(rgb(218, 185, 0),rgb(219, 219, 160));
           transform:scale(1.05);
           }
   


.name-logo{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    
}
#company-logo{
    float: right;
    height: 150px;
    width: 150px;
    border-radius: 50%;
   
}
#company-logo > img{
    height: 100%;
    width: 100%;
    
}