body {
        min-height: 100vh;
        font-family : Velvelyne, Arial, sans-serif;
        max-width : 600px;
        margin : 0 auto;
        background: linear-gradient(to right,lightskyblue,pink);
       color: #14065a
        }

body.dark-theme {
  background: #3E3342;
  color: #FFDEF9;
}

.case {
background-color : white;
color : black;
border : 20px solid darkslateblue;
border radius:12px;
padding:20px;
          }

body.dark-theme .case {
  background-color: #756482;
  color :#eefbdf;
  border : 20px solid #5a0637;
  border radius:12px;
  padding: 20px;
  }

h1 {
        color: rgb(235, 39, 137);
        text-align : center;
        font-family: Interlope, Arial, sans-serif;
      }

body.dark-theme h1{
        color: hotpink;
        text-align : center;
        font-family: Interlope, Arial, sans-serif;
}
      
a{
        color : mediumvioletred;
        }

body.dark-theme a  {
  color : rgb(253, 195, 240);

}

a:hover{
          background-color:gold;
               }

body.dark-theme a:hover{
  background-color : #8f3505;
}


a:visited{
        color : rgb(8, 57, 19);
        }

body.dark-theme a:visited{
  color : rgb(227, 113, 202); 
}