:root{
    --white: #ffffff;
    --green: #00ff00;
    --black: #000000;
    --lightblue:#add8e6;
}   

li{ 
    list-style:circle;
    
}

.list{
    list-style-type: square;
}
#msg{
    color: red;
    font-size: 20px;
}   

.light-theme
{
   --bg: var(--lightblue);
   --fontcolor: var(--black); 
   --btnbgcolor: var(--black);
   --btnfontcolor: var(--white); 
}

.dark-theme
{
   --bg: var(--black);
   --fontcolor: var(--green);
   --btnbgcolor: var(--white);
   --btnfontcolor: var(--black);
}

body{
    font-family: monospace; 


}
ul{
    font-family: helvetica;
}

body{
    background-color: var(--bg);
    color: var(--fontcolor);
}

.btn
{
    position: absolute;
  top: 20px;
  left: 250px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: none;
    color: var(--btnfontcolor);
    background-color: var(--btnbgcolor);
}