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

@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto/static/Roboto-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

body{
    margin: 0;
    font-family: "Roboto", sans-serif;
}
header{
    text-align: center;
}

h1{
    margin-bottom: 0;
}

h3{
    margin-top: 0;
}

#searchbar{
    text-align: center;
}
#searchbar input[type="search"]{
    width: 60%;
    margin-bottom: 10px;
}
footer{
    justify-content: center;
    margin-top: 100px;
    display: flex;
    gap: 20px;
    border-top: 1px solid;
}