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

body {
    background: rgba(46, 49, 49, 1);
    color: white;
    font-family: 'Open Sans', sans-serif;
}

h1.title {
    font-size: 75px;
    color: rgba(245, 229, 27, 1);
    cursor: pointer;

}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
}

.centered {
    margin-top: 250px;
    text-align: center;
}

footer {
    color: grey;
    position: absolute;
    bottom: 2%;
    width: 99%
}

.extra-info {
    display: block;
    font-size: 25px;
    color: rgba(254, 241, 96, 1);
    transition: all 0.2s ease-in;
}

a {
    font-style: italic;
    text-decoration: none;
    color: white;
}

footer .links {
    display: grid;
    font-size: 10px;
    color: grey;
    float: left;
}

.icon {
    transition: 0.1s;
    width: 30px;
    margin: 10px 10px;
}

#impressum {

    color: grey;
}

#impressum:hover {
    cursor: pointer;
}

.right {
    float: right;
}

footer p {
    margin: 0px;
    display: inline;
}

.toggle {
    visibility: hidden;
}

.toggle~.extra-info {
    visibility: hidden;
    transform: translateY(-20px);
    opacity: 0;
}

.toggle:checked~.extra-info {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
}