:root {
    --blueLight: #009be1;
    --blueDark: #002d8b;
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    src: url("./../fonts/Roboto-Regular.ttf");
}

*{
    padding: 0;
    margin: 0;
}

body{
    /* background: url(https://source.unsplash.com/1920x0/?nature,wallpaper) no-repeat center center fixed;  */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    display: grid;
    place-items: center;

    height: 100vh;
    width: 100%;
}

.wrapper{
    font-family: Roboto;
    font-size: 2rem;
    background-color: rgba(25, 25, 25, 0.75);
    color: white;

    padding: 2%;
    margin: 1vh 2vw;
    border-left: 8px solid var(--blueDark);
    border-bottom: 8px solid var(--blueLight);
}