@font-face{
    font-family: IBM-Plex-Bold;
    src: url("Fonts/IBMPlexSans-Bold.ttf");
}
@font-face{
    font-family: IBM-Plex-Light;
    src: url("Fonts/IBMPlexSans-SemiBold.ttf");
}

br{
    margin-bottom: 10px;
}

html{
    color: #c5b9c9;
    font-family: IBM-Plex-Light;



    background: linear-gradient(67deg, rgba(116,75,119,1) 0%, rgba(27,59,87,1) 100%);


}


a{
    color: white;
}

a::visited{
    color: grey;
}

h1{
    font-family: IBM-Plex-Bold;

    color: white;

    font-size: 24vw;
    margin: 0;

    text-align: center;
}

header, footer, main, figure{
    width: 50%;
    margin: auto;
    margin-bottom: 50px;
}

header{
    background-color: white;
    color: black;
    padding: 7px;
    mix-blend-mode: screen;
}

header a{
    color: black;
}

header a::visited{
    color: dark grey;
}

img{
    object-fit: contain;
}

figure{
    border: dashed white 3px;
    padding: 10px;   
}