body{
    background-color: #ffebd9;
    font-family: Arial, sans-serif;
            margin: 0px;
            
}

p{
    color: #000;
    
}
.container h1 {
    color: #ff7800;
}

.container {
            max-width: 800px;
            margin: 0 auto;
            
        }
        canvas {
            margin-top: 20px;
            
        }
        
#form{
    background-color:  #fff;
    width:25%;
  
    margin:120px auto;
    padding:50px;
  
    text-align: center;
}

#btn{
    color: #fff;
    background-color: #ff7800;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: large;
   
}

        
         input {
            background-color: #fff;
            color: #000;
            padding-top: 5px;
            padding-bottom: 5px;
            padding-left: 5px;
            padding-right: 5px;
        }


  
    .logo-container {
    width: 100%;
    background-color: white;
    text-align: center;
    
   
}

@media screen and (max-width: 570px) {
    #form {
      width: 65%;
      margin-left:none;
      padding:40px;
    }
  }