body{
    background-image:url("purplegraphics/violet65.gif");
    font-family: Georgia;
    font-size:16px;
    color:white;

}


.container{
    max-width:60%;
    margin-left: auto;
    margin-right: auto;
    display:grid;
    grid-column: 200px 200px;
    grid-row: 200px 200px;
    grid-template-columns: .35fr 2fr ;
    
}

header,aside,main{
    padding:10px;
    color:white;
    background:#060012;
         border-radius: 10px;
     border:solid #dcc9ff 5px;
}

/* heading*/

header{ 
    /*grid-area:header;*/
    grid-row:1 / 2;
    grid-column:2/4;
    text-align: center;
    font-weight:bold;
    font-size:30px;
}

.nav{ 
  font-size: 15px;
}

/* sidebars*/
aside{
    grid-row:2/3;
    grid-column:1/2;

    font-size:7px;
    text-align:left;
}

.Lsidebar{
  height:310px;
  font-size: 20px;
  position: sticky; top: 0;
  margin-right:10px;
  margin-top:10px;
  width:138px;
  }


/* main*/
main{ 
       grid-row:2/3;
       grid-column:2/4;
       text-align:center;
       margin-top:10px;
}


/* footer*/
footer{
    grid-row:3/4;
    grid-column: 2/4;
    padding: 10px;
    color:white;
    text-align: center;
    font-size: 15px;

}

a{
  color:#a56eff;
  }
  
a:hover{
  color:#4074ed;
}

h1{
    font-size: 22px;
  }
h2{
    font-size: 18px;
  }
h3{
    font-size: 16px;
    margin:0;
    color:#9e9e9e;
  }
  
   figure {
    padding: 10px;
    max-width: 300px;
    margin: auto;
      width: 25%;
    /*float: left;*/
      display:inline-block;
    text-align: center;
  }
p{
  margin-left:80px;
  margin-right:80px;

  }
  
  
ul {
  display: table;
  margin: 0 auto;
  text-align:left;
  margin-left:20px;
  margin-right:20px;
}

dd{
  margin-top:0;
  margin-bottom:0;
  font-size:12px;
  color:#9e9e9e;
  }
  
  
  
  #questions,#contact{clear: both;}
  
  
  
  #theorys{
        height:300px;
        width:500px;
        border:white solid 2px;
        overflow-y:auto;
        margin:auto;
        padding:10px;
        border-radius: 5px;

    }

.images img{width:90%;}
.credits a {color:yellow;}
.credits a:hover {color:red;}