*{
    margin: 0px;
    padding: 0px;
}


@font-face {
  font-family: myFont;
  src: url(ui/font/pictochat.otf); 
}

body{
    font-family: myFont;
}

h1{
  font-weight: lighter;
  font-size: 48px;
}

#wrapper{

    max-width: 900px;
    min-height: 500px;
    display: flex;
    margin: auto;
    margin-top: 1%;
}


#left_pannel{
    color:white;
    text-align: center;
    min-height: 500px;
    background-color: #959595;
    flex:1;
}

#profil_image{
    width:80%;
    border: solid thin white;
    border-radius: 50%; 
}

#left_pannel label{
    width:100%;
    height: 30px;
    display: block;
    cursor:pointer;
}



#left_pannel label img{
    float:left;
    width:25px;
    border-radius: 5px;
    transition: all 0.6s ease;
}

#left_pannel label img:hover{
    float:left;
    width:27px;
    border-radius: 5px;
    background-color: #eeb6e5;
}


#left_pannel label img:active{
    float:left;
    width:23px;
    border-radius: 5px;
    background-color: #ae8ba9;
}


#profil{
    padding: 5px;
}

#container{
    display: flex;
}

#right_pannel{
    text-align: center;
    min-height: 500px;
    flex:10;
}

#profil_buttons{
    text-align: center;
}

#header{
    color:#fff;
    margin: 5px;
    background-color: #eeb6e5;
    border:2px #e988db solid;
    border-radius: 10px 0px 10px 0px;
    height: 70px;
    text-align: center;
}

#people{
    margin: 5px;
    min-height: 430px;
    border: 2px solid;
    border-radius: 5px;
    border-color: #eeb6e5;
    flex:1;
}

#chat{
    background: repeating-linear-gradient(
        #FFF,
        #FFF 40px,
        #eeb6e550 40px,
        #eeb6e550 42px);
    margin: 5px;
    min-height: 430px;
    border: 2px solid;
    border-radius: 5px;
    border-color: #eeb6e5;
    flex:5;
    transition: all 1s ease;
}

#radio_chat:checked~ #chat{
    border: 2px solid;
    border-color: #eeb6e5;
    flex:5;
}
#radio_friends:checked~ #chat{
    border-color: #eeb6e5;
    border: 0px solid transparent;
    flex:0;
}
#radio_settings:checked~ #chat{
    border-color: #eeb6e5;
    border: 0px solid transparent;
    flex:0;
}