.page {
    height: 100vh;
    text-align: center;
}



.account__logo {
    margin: 10%;
    text-align: center;
    align-items: center;
    height: 50vh;
    width: 34vh;
}

.account__picture {
    text-align: center;
    width: 100%;
    border-radius: 200px !important;
}

.account__picture-cirkle {
    background-color: #D7D7D7;
    text-align: center;
    width: 100%;
    border-radius: 200px;
}

.account__name {
    font-size: 60px;
    font-family: 'Istok Web', sans-serif;
    color: #FFFFFF;
    filter: drop-shadow(0px 4px 4px #000000aa);
}

.account__description {
    font-size: 10px;
    font-family: 'Arial' Narrow;
    color: #CDCDCD;
}


.index {
    text-align: center;
    margin: 6vh;
    height: 34vh;
}

.index__button {
    font-size: 30px;
    color: #FFFFFF;
    background-color: transparent;
    margin-top: 5%;
    margin-bottom: 5%;
    border-radius: 40px;
    border: 0px;

}

.index__button:hover {
    filter: drop-shadow(0px 4px 4px #000000aa);
    transition: 0.4s;
}

.index__line{
    width: 100%;
    border-color: #CDCDCD;
    border-width: 2px;
    
}


.information__title {
    font-size: 96px;
    margin-top: 1%;
    margin-left: 110%;
    text-align: center;
    color: #D36336;
    font-family: 'Inter', sans-serif;
    font-weight: bold;
}

.information__line{
    border: 10px solidblack;
    width:900%;
    text-align:center;
    margin-top: -18%;
    margin-left:70%;
}

.information__page-content{
    text-align: left;
    height: 100vh;
}

.page-content__descpription{
    background-color: #F9F9F9;
    height: 300px;
    width: 200%;
    margin-top: 5%;
    margin-left: 15%;
    border-radius: 25px;
    filter: drop-shadow(0px 4px 4px #000000aa);
}

.page-content__header{
    font-size: 60px;
    margin-left: 2%;
    padding-top: 2% ;
    color: #D36336;
    font-family: 'Istok Web', sans-serif;
}

.page-content__text{
    font-size: 18px;
    padding-left: 3%;
    padding-bottom: 8%  ;
}

.page-content__skills{
    background-color: #F9F9F9;
    height: 350px;
    width: 80%;
    margin-top: 10%;
    margin-left: 20%;
    border-radius: 25px;
    filter: drop-shadow(0px 4px 4px #000000aa);
}

.page-content__skills__text{
    font-size: 30px;
    margin-left: 9%;
    padding-bottom: 2%;
}
.contact__page-content{
    visibility: hidden;
}




@media only screen and (min-width: 800px) {
    .page {
        flex-direction: row;
    }

}