body {
    background: rgb(19,19,19);
    margin: 0;
    scroll-behavior: smooth;
}

a {
    color: #82c835; transition: color 0.329s ease;
    text-decoration: none;
} a:hover {
    color: #97eb3e;
}

.informative-block {
    user-select: none;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;

    background-color: rgba(39, 39, 39, 0.281);
    width: 82%;
    border-radius: 16px;

    margin-top: 9.5lvh;

    transform: translateX(-50%);
    left: 50%; top: 25px;
    padding-bottom: 8px;

    transition: width 0.4s ease; transition-delay: 0.212s;
} @media (pointer: fine) { .informative-block:hover {
    outline: 2.5px solid #82c835;
} }

.informative-block h1 {
    align-items: center;
    justify-content: center;

    color: #FFF;
    font-size: 46px;
    font-family: 'Roboto';
    font-weight: bold;

    margin: 0;
    margin-top: 7px;
}

.informative-block span {
    color: #FFF;
    font-size: 22px;
    font-family: 'Roboto';
    font-weight: lighter;
    padding-left: 16px;

    margin: 0;
    margin-top: 32px;
}