*{
    margin: 0;
}

h1{
    color: #426696;
    font-weight: 600;
    opacity: 0.8;
}

h2, p{
    color: #658ec6;
    font-weight: 500;
    opacity: 0.8;
}

h3{
    color: #426696;
    font-weight: 600;
    opacity: 0.8;
}

p{
    margin-top: 0.5em;
}

a{
    text-decoration: none;
    color: #658ec6;
}

li{
    color: #658ec6;
    text-align:initial;
    margin-left: 35%;
}

section{
    margin-top: 1em;
    margin-bottom: 1em;
}

main {
    font-family: "Poppins", sans-serif;
    min-height: 100vh;
    background: linear-gradient(to right top, #426696,#658ec6);
    display: flex;
    align-items: center;
    justify-content: center;
}

.glass{
    background: white;
    min-height: 80vh;
    width: 60%;
    background: linear-gradient(to right bottom,
     rgba(255,255,255,0.7), 
     rgba(255,255,255,0.3)
     );
     border-radius: 2rem;
     z-index: 2;
     backdrop-filter: blur(2rem);
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-evenly;
}
    @media only screen and (max-width: 1000.2px) {
        .glass{
            width: 100%; } 
}

.glass h1{
    margin-top: 3rem ;
    margin-left: 3rem ;
    margin-right:  3rem ;
    flex: 1;
    margin: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
}

.circle1, .circle2, .circle3, .circle4{
    background: white;
    background: linear-gradient(to right bottom,
    rgba(255,255,255,0.8), 
    rgba(134, 92, 92, 0.3)
    );
    height: 20rem;
    width: 20rem;
    position: absolute;
    border-radius: 50%;
}

.circle5, .circle6{
    background: white;
    background: linear-gradient(to right bottom,
    rgba(255,255,255,0.8), 
    rgba(134, 92, 92, 0.3)
    );
    height: 10rem;
    width: 10rem;
    position: absolute;
    border-radius: 50%;
}

.circle1{
    top: 5%;
    right: 15%;
}

.circle2{
    bottom: 5%;
    left: 10%;
}

.circle3{
    top: 15%;
    left: -10%;
}

.circle4{
    bottom: 0%;
    right: 0%;
}

.circle5{
    top: 25%;
    left: 35%;
}

.circle6{
    bottom: 20%;
    right: 45%;
}

.dashboard{
    flex: 1;
    margin: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
    background: linear-gradient(to right bottom,
    rgba(255,255,255,0.7), 
    rgba(255,255,255,0.3)
    );
    border-radius: 2rem;
}

.user img{
    border-radius: 50%;
    margin-bottom: 2rem;
    margin-top: 2rem;
    object-fit: cover;
    object-position: 50% 0;
    width: 15em;
    height: 15em;
}

.user h3{
    margin-bottom: 1rem;
}

.contact h3{
    margin: 1rem;
}

.adress h3{
    margin: 1rem;
}

.impression img{
    margin-bottom: 2rem;
    margin-top: 2rem;
    object-fit: cover;
    object-position: 50% 0;
    width: 15em;
    height: 15em;
}

.copyright{
    margin: 0.25rem;
    font-size: 75%;
    font-style: italic;
}

.impressum{
    margin: 0.25rem;
    font-size: 75%;
    font-style: italic;
}

.impressumBack{
    color: #426696;
    font-weight: 600;
    opacity: 0.8;
    font-size: 2rem;
    margin-top: 3rem ;
    margin-left: 3rem ;
    margin-right:  3rem ;
    flex: 1;
    margin: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
}