@font-face {
    font-family: atkinson;
    src: url(Assets\AtkinsonHyperlegible.otf);
}

html{
    background-image: url(Assets\Home\bg.png);
    background-size: 100vw;
    font-family: 'atkinson';
    display: flex;
    justify-content: center;
}

body{
    width: 70vw;
    background-color: #22225e;
    color:#ece8de;
    border: 8px solid black;
    display: grid;
    grid-template-columns: 20% auto 20%;
    grid-template-rows: auto 162px 362px;}

#banner{
    grid-column: 1/4;
    grid-row: 1/2;
    display: flex;
    align-content: center;
}

#directory{
    padding: 15px;
    grid-column: 1/2;
    grid-row: 2/4;
    position: relative;
    overflow: hidden;
}

#content{
    padding: 15px;
    grid-column: 2/4;
    grid-row: 3/4;
}

#button{
    grid-column: 2/4;
    grid-row: 2/3;
}