body{
  background-color: #82DEFF;
  background-image: url("https://vorugo.neocities.org/websitebg.png");
  font-family: "ms gothic";
}

.container{
max-width: 1200px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
display: grid;
grid-gap: 20px;
grid-template-columns: 250px minmax(0, 1fr);
}

headergif{
  margin-right: auto;
  margin-left: auto;
}

nav, main, footer{
    border: rgb(193, 119, 241) 1px dotted;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    padding: 20px;
    color: rgb(196, 133, 238);
}

header{
    grid-row: 1 / 2;
    grid-column: 1 / 3;
    height: max-content;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
}

nav{
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    height: max-content;
    font-weight: bold;
    font-size: 16px;
}

main{
    grid-row: 2 / 3;
    grid-column: 2 / 3;
    height: max-content;
    font-size: 16px;
    font-weight: bold;
}

footer{
    grid-row: 3 / 4;
    grid-column: 1 / 3;
    text-align: center;
}