/*defining fonts*/
@font-face {
    font-family: 'rainyhearts';
    src: url('/fonts/rainyhearts.ttf');
}
@font-face {
    font-family: 'kiwisoda';
    src: url("/fonts/KiwiSoda.ttf");
}

/*main css*/

a:hover,
button:hover {
    cursor: url('images/cursors/cursor_select.png'), auto;
}

html{
    font-family: 'rainyhearts';
    cursor: url('images/cursors/cursor_normal.png'), auto;
    font-size: 120%;
}

.title{
    font-family: 'kiwisoda';
}

body{
    display:flex;
    justify-content: center;
    align-content: center;
    gap:20px;
    background-image: url("/images/bg.jpg");
}

#middle-column{
    max-width: 50%;
}

#main-content{
    padding: 1px 10px 1px 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 7px;
    background-color: rgba(182, 174, 218, 0.37);
}

#nav-links{
    height: 100%;
    padding: 1px 10px 1px 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 7px;
    background-color: rgba(182, 174, 218, 0.37);
}

a:link {
    color: #70499c;
    background-color: transparent;
    text-decoration: none;
}

a:visited {
    color: #a18bbb;
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    color: red;
    background-color: transparent;
    text-decoration: underline;
}

a:active {
    color: #6a98ff;
    background-color: transparent;
    text-decoration: underline;
}