html{
    height:100%;
}

  .container{


  }
  body{

    background-image: url(images/sparkles-bg.png);
    background-size: cover;
   
}

  
  main{
            background-color:#c0c0ff ;
                width: 750px;
                height: 1500px;
                padding-left:100px;
                padding-right:100px;
                margin:auto;
  }
 nav{         
         background-color:#6c6cf138 ;
        width: 750px;
    height: 50px; 
          margin: auto;
          text-align: center;
          padding-top: 25px;

        }

article{

  border-radius: 25px;
  background: #ffffff;
  width: 750px;
  height: 350px;
  margin:auto;
  padding-bottom: 200px;
  
}

summary{

    background:#c0c0ff;
    width: 100px;
    height: 50px;
}


div{

        height: 500px;
    text-align:center;
}
    

@font-face {
    font-family:Fancy;
    src: url(fonts/ruigslay.ttf) format('truetype');
    font-weight:bold;
}


h1 {
    font-family: "fancy";
    color: white;
    font-size: 75px;
    text-align: center;
    font-weight: normal;
    padding-top: 50px;
}

.youtube {
shape-image-threshold:calc(50px) ;
    height:50px;
    width: 50px;
}

a{ 
    color:rgb(255, 255, 255);
    text-decoration: none;
    font-size:20px;
    padding-left:10px;
    padding-right: 10px;
    text-align: center;
}

button a{
      color:rgb(0, 0, 0);
    text-decoration: none;
    font:italic;
    font-size:45px;
}

footer{

background:#c0c0ff;
    width: 100px;
    height: 500px;



}