@font-face {
            font-family:ChesterfieldAntique;
            src: url('labyrinth_img/ChesterfieldAntique Script Regular.ttf')
 }
body{
    font-family: baskerville;
    font-size: 25px;
    background-image: url(labyrinth_img/escher.jpg);
    background-size: 800px;
 }
 
 h2{color:#2defeb;
        font-family:'chesterfieldantique';
        margin-bottom:5px;
    }

#box{
    color:antiquewhite;
    background-color: black;
    border-radius: 10px;
    border: solid;
    border-color: rgb(226, 209, 116);
    font-size:18px;
    padding: 10px;
    padding-top:0;
    margin: 0;
    width: 500px;
    height:550px;
    overflow-y:scroll; 
    grid-column-start:1;
}
#aside{
    grid-column-start:3;
    grid-row-start: 1;
    grid-row-end:3;
    width:300px;
    height:700px;
    overflow-x:hidden;
    border:solid;
}

#aside img{height:700px;}

#footer{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    grid-column-start:1;
    grid-column-end:3;
    margin: 0 auto;
    width:200px;
    height:45px;
    background-color: black;
    border-radius: 10px;
    border: solid;
    border-color: rgb(226, 209, 116);
}
#footer h2{text-align:center; 
          font-size:25px;
          display:inline;
          padding:5px;
    }
    
#banner{
    height:min-content;
}

#banner img{width: 500px;}

.inset{
    Border:solid;
    border-width: 1px;
    margin-left:55px;
    margin-right:10px;
    padding:5px;
    padding-top:0;
}
.inset h2{
        font-size:20px;
    margin-top:5px;}

.container{
    display:grid;
    margin:auto;
    column-count:2;
    justify-content: flex-end;
    column-gap: 2px;
    grid-template-rows: min-content auto;
}
ul{
    list-style-type:none;
}
li{
    margin-bottom:10px;
}
a:link{
    color:#1BB6B3;
}

a:visited{
    color:rgb(226, 209, 116)
}
.smallgap{
    margin-bottom:10px;
    margin-top:10px;
}
.gif{
    display:flex;
    justify-content:center;
    height:50%;
}
.toolong{
    display:flex;
    justify-content:center;
    height:200px;
    margin-bottom:10px;
}
.info{
    align-self: start;  
}
.note{
    font-size:16px;
    margin-left:30px;
    margin-right:20px;
    padding: 5px;
    border:dotted;
    border-width:2px;
}
.centerimage{
    Display:flex;
    justify-content: center;
}
.blinkies{
    Display:flex;
    justify-content: center;
    gap:10px;
}

.musicplayer{
  position:absolute;
      bottom:0;
    left:0;
}