@font-face {
    font-family: "Ribeye Marrow";
    src: url(Fonts/RibeyeMarrow.ttf);
}

@font-face {
    font-family: "Rubik Maze";
    src: url(Fonts/RubikMaze.ttf);
}

@font-face {
    font-family: "Sour Gummy";
    src: url(Fonts/SourGummy.ttf);
}

body{
    background-image: url(background.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
#header{
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
    color:darkviolet;
}

#aside1{
    background-color: hsla(0, 0%, 0%, 0.313);
    width:155px;
    height:900px;
    outline: 1px solid darkviolet;
    margin-right: 5px;
    float:left;

}
#frame{
    background-color: hsla(0, 0%, 0%, 0.313);
    width:450px;
    height:900px;
    outline: 1px solid darkviolet;
    margin-right: 5px;
    float:left;
    border-radius: 5px;
}
#aside2{
    background-color: hsla(0, 0%, 0%, 0.313);
    width:155px;
    height:900px;
    outline: 1px solid darkviolet;
    float:left;
}
#mainframe{
    height: 900px;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
    font-family: "Ribeye Marrow";
    color:blueviolet;
}
#mainframe section p{
    margin-left: 5px;
    margin-right: 5px;
}
.Presentation{
    font-family: "Sour Gummy";
    color: #ff39ff;
}


a:link{
    color:mediumpurple;
}
a:visited{
    color:mediumpurple
}
a:hover{
    color:aqua;
}
a:active{
    color:darkseagreen
}

.MyLinks{
    text-decoration: none;
}
h2{
    font-family: "Rubik Maze";
    color:darkviolet;
}
#CenteredLink{
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.Column{
    width: 50%;
    height: fit-content;
    margin-left: 5px;
    margin-right: 5px;
}
.Column img{
    max-width: fit-content;
}