@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Poetsen+One&display=swap');

 
 body{
  background-image: url("background.jpg");
    background-attachment: fixed;
  }
   
   
   
  .wrapper{ 
    height:3000px;
    width:1000px;
    
    font-family: "Fredoka", sans-serif;
    font-size:24px;
     
    border-radius: 60px;
    background-color:white;
    
    margin: 40px;
    margin-left:650px;
    margin-right: auto;
    margin-bottom:40px;
    
    padding: 15px 40px 40px 40px;

   }
   
   strong{
      color:#4E56C0;}
      
      hr{
        background-color:#4E56C0;
        border-radius:25px;
        height:5px;}
      
   h1{
      color: #27084A;
     font-family: "Poetsen One", sans-serif;
     font-size:50px;
     transition:3s;
     margin-top:20px;
     margin-bottom:10px;
     }
     
              h1:hover {
                     transform: scaleX(120%);  }
                      
   img{
   margin:15px 5px 15px 5px;
}
   
  h2{
      color: #27084A;
     font-family: "Fredoka", sans-serif;
     font-weight: 600;
     font-size:60px;
  }
  
.button {
      background-color: #4E56C0;
      height: 500px;
      width:300px;
		
		border-radius: 20px;
			border: none;
			color: white;
			padding: 25px 50px;
			text-align: center;
			
			font-size: 25px;
			margin-top: 200px;
			margin-left:25%;
}



   
          .sleepside{
            background-image: url("cloud2.png");
            background-repeat:no-repeat;
            
            height: 500px;
            width: 400px;
            float:left;
            
            font-size:18px;
            text-align:center;
              font-family: "Fredoka", sans-serif;

              
              border-radius:30px;
              
              margin-top:200px;
              margin-left:110px;
              padding-top:14px;
              
              position:fixed;
transition:3s;
              }