body {
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif !important;
    background: linear-gradient(#343694 0%, #2e6a8d 100%);
    min-height: 100vh;
    margin: 0;
    color: white;
}

.body {
    color: white;
    padding: 0 15%;
    font-size: 135%;
}

a {
    text-decoration: none;
    color: white;
}

.installicon {
    max-width: 15px !important; 
    max-height: 15px !important;
    margin-left: 5px;
}

header {
    display: flex;
    margin-bottom: 3%;
    background-color: #3f4ab3bd;
    width: 70%;
    padding: 0 15%;
    color: white;
}

.logo {
    max-width: 65px !important; 
    max-height: 65px !important;
}

.navigation {
    margin-right: 0;
    margin-left: auto;
    display: flex;
    text-decoration: none;
    font-size: 130% !important;
}

.navigation * {
    margin-top: auto;
    margin-bottom: auto;
}

.navigation *:not(:last-child) {
    margin-right: 20px;
}

.bottom {
    border-top: black solid 1px;
    display: flex;
    padding: 1% 15%;
    margin-top: 4%;
    margin-bottom: 0;
}

.copyrights {
    margin-right: 0;
    margin-left: auto;
}

.contacts :not(:last-child) {
    margin-right: 15px;
}

.title {
    font-size: 250%;
    text-align: center;
    margin-bottom: 5%;
}

.headline {
    font-size: 170%;
}

.button {
    background: transparent;
    font: inherit;
    border: transparent;
    color: white;
    height: 100%;
}

.button:hover {
    color: rgba(245, 245, 245, 0.8);
}

.dropdown {
    display: inline-block;
    position: relative;
}

.dropbox_options {
    display: none;
    position: absolute;
    overflow: auto;
    background: rgba(255, 255, 255, 0.2);
}

.dropbox_options > a {
    display: block;
    margin: 0 5px;
}
.dropdown:hover .dropbox_options {
    display: block;
    width: 100%;
}

.a {
    display: inline-block;
}