body
{
    background-color: black;
    font-family: "Corbel";
}

#cv
{
    height: 1240px;
    width: 874px;
    background-color: black
    /*border-style: inset;*/
}

#profilepic
{
    width: 29.5%;
    height: 19.5%;
    background-color: black;
    float: left;
    z-index: 100;
    border-style: solid;
    border-color: black;
    /*border-radius: 5px;*/
}

#name
{
    width: auto;
    height: 10%;
    background-color: rgb(15, 15, 15);
    text-align: center;
    font-size: 70px;
    color: white;
}

#surname
{
    vertical-align: middle;
    padding-top: 1%;
    color: rgb(109, 109, 109);
}

#first_name
{
    vertical-align: middle;
    padding-top: 1%;
    color: rgb(211, 211, 211);
}

#intro
{
    width: 60%;
    height: 9%;
    margin-left: 30%;
    background-color: blueviolet;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 1%;
    
}

#intro_text
{
    color: white;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 19px;
    overflow: hidden;
    vertical-align: middle;
}


#panel_decor
{
    width: 30%;
    height: 8%;
    box-shadow: inset;
    /*float: left;*/
    
    background-image: linear-gradient(black,blueviolet,blueviolet);
    background-color: black;
}

#panel_info
{
    width: 30%;
    height: 72%;
    /*float: left;*/
    background-color: rgb(15, 15, 15);
    text-align: center;
}

#main_frame
{
    width: 69%;
    height: 75%;
    background-color: white;
    float: right;
    padding-left: 1%;
}

#decorfooter
{
    width: 70%;
    height: 5%;
    background-color: blueviolet;
    float: right;
}

#profilepic_img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: black;
    cursor: pointer;
}

/*#infopic
{
    width: 60px;
    height: auto;

    
    color: blueviolet;
}*/

#panel_info svg
{
    width: 60px;
    height: auto;
    color: blueviolet;
}

#location
{
    padding-top: 20%;
    height: 19%;
}
#telefon
{
    height: 19%;
}
#email
{
    height: 19%;
}
#education
{
    height: 19%;
}
#language
{
    height: 19%;
}

#infotext
{
    margin-top: 15px;
    display: inline-block;
    color: rgb(202, 202, 202);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: large;
}

#options
{
    float:right;
    right: 0;
    background-color:rgb(15, 15, 15); 
    color: white;
    position:fixed;
}