@import url('https://fonts.googleapis.com/css?family=Roboto');

html {
    scroll-behavior: smooth;
}

body {
    background-color: rgba(39, 38, 38, 0.849);
}

.menu{
    background-color: rgb(53, 52, 52);
    height: 50px;
}

.text {
    font-size: medium;
    color: rgb(207, 203, 197);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.info {
    background-color: rgb(53, 52, 52);
    padding-bottom: 2px;
    border-radius: 4px;
}

.text-big {
    font-size: 36px;
    color: rgb(207, 203, 197);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.button {
    background-color: black;
    color:white;
    border-radius: 3px;
    cursor: pointer;
    padding: 7.5px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.menu-item {
    background-color: rgb(53, 52, 52);
    border-radius: 8px;
    padding: 5px;
    height: 50px;
    margin-top: 20px;
}

.menu-text {
    margin-top: -40px;
}
.menu-button {
    margin-top: -16px;
}

.image {
    border-radius: 2px;

    left: 10px;
}

.nav-text {
    color: rgb(207, 203, 197);
    font-family: 'Roboto';
    font-size: xx-large;
    text-decoration: none;
    margin-right: 20px;
    cursor: pointer;
}

.button:hover {
    background-color: rgb(47, 46, 46);
}

a:hover {
    color: rgb(37, 33, 33);
}