@import url(http://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic);
    @import url(http://fonts.googleapis.com/css?family=Ubuntu:700);

    a:link, a:visited {

        text-decoration: none;
        font-family: Muli;
        color: #000000;
    }

    html, body {
        font-family: Muli;
        background: #ebebeb;
    }

   * {
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    padding: 0;
   }

   header{
    padding: 2em;
    background: #72b5ac;

   }

    h1{
        font-size: 40px;
        font-family: Ubuntu;
        color: #ffffff;
    }

     h2{
        font-size: 50px;
        font-family: Ubuntu;
        color: #ffffff;
        text-align: center;
    }

    #white-part{
        background-color: #ffffff;
        font-family: Muli;
        color: #72b5ac;
        padding: 5em;
        top: 0%;
        left: 0%;
        width: 100%;
        text-align: center;
        font-size: 12px;

    }

    #photo{

      text-align: left;
       border:2px solid #ffffff;

        box-shadow: 5px 5px 2.5px #ccc;
        -moz-box-shadow: 5px 5px 2.5px #ccc;
        -webkit-box-shadow: 5px 5px 2.5px #ccc;
        -khtml-box-shadow: 5px 5px 2.5px #ccc;
    }

    #status_text{

       position: absolute;
        text-align: center;
        background-color: #fcfcfc;
        width: 50%;
        left:38.5%;
        top:90%;
        height: auto;
        margin-left: 20px;
        font-family: Muli;
        font-size: 15px;
        color: grey;
        border: 1px solid  #cacaca;
          border-radius: 10px;


    }
        #content_text{
        position: relative;
        text-align: center;
        background-color: #fcfcfc;
        width: 50%;
        height:auto;
        left:15%;
        height: auto;
        font-family: Muli;
        font-size: 15px;
        color: grey;
        border: 1px solid  #cacaca;
        line-height: 10pt;
        padding:15px;
        margin:0px auto 25px;
          border-radius: 16px;




    }
    #submit{
    position:absolute;
    top:99%;
    left:82%;
    background-color: #ffffff;
    color:grey;
    font-family: Muli;
    font-size: 12px;
    border: 1px solid  #cacaca;
    padding:6px;
    border-radius: 10px;
    }
        }
    #submit1{
    position:absolute;
    top:99%;
    left:60%;
    background-color: #ffffff;
    color:grey;
    font-family: Muli;
    font-size: 12px;
    border: 1px solid  #cacaca;
    padding:6px;
    border-radius: 16px;
    }


    #friends{
        position: absolute;
        text-align: center;
        background-color: #fcfcfc;
        width: 25%;
        height:auto;
        left:5%;
        top: 90%;
        height: auto;
        font-family: Muli;
        font-size: 20px;
        color: grey;
        border: 1px solid  #cacaca;
        border-radius: 16px;
         line-height: 10pt;
        padding:15px;
        margin:0px auto 25px;

    }