/*css*/
.body { 
    background:#D3D3D3; 
    color: #1C1C1C;
    padding: 20px 20px 20px 20px;
    border: 5px solid #800000;
    font-family: Times New Roman;
    transition: .3s;
}
.h1
{ font-size:60px;
padding:0.6px 5px 5px 1px;
}
.p
{
  font-size:50px;
}

.dark { 
    background: #1C1C1C; 
    color: #D3D3D3; 
    border: 5px solid #8B0000;
  
}

.toggle {
  position:fixed;
  color:#D3D3D3;
    top: 20px;
    right: 20px;
    padding: 10px 15px;
    cursor: pointer;
    background-color:#8B0000;
    border-radius:10px;
  
}

.toggle:hover {
  background: #800000;
}


.toggle:before {
  height: 100%;
  top: 21px;
  font-size: 110%;
  width: 60px;
}
.toggle:active {
  background:#FA8072;
  top:18px;