body{
        color: #40514E;

        margin:0;
        text-align: center;
        font-family: 'Merriweather', serif;
        font-size: 1em;


    }

    .certificate{
        width : 300px;
        height : 300px;

        float: center;
        }
    .certificate:hover{

                transform: scale(1);

    }

    .diplomas{

        float: center;
        }
    .diplomas:hover {
        transform: scale(1);

    }
    div.item {
        vertical-align: top;
        display: inline-block;
        text-align: center;
        width: 400px;



    }
    .projects{
            width: 300px;
            height:  300px;
            margin-top: 50px;
            margin-left: 100px;
            object-fit: scale-down;
             border-style: solid;
             border-color: #52abb3;
             border-width: 2px;


            float:center;
    }
    .projects:hover{
            transform:scale(1.0);
    }

    .caption {
        display: block;
            }

    .project-list{
        float:left;
        text-align:left;
        margin-left:50px;
        }

    .Project-Explanation{

    text-align:center;
    margin-left: 200px;
    margin-right: 200px;
    }

    .hr {
             background-color: white;
             border-style: dotted none none;
             border-color: grey;
             border-width: 5px;
             height: 0px;
             width: 5%;


    }

    h1{
        font-size: 5.62rem;
        margin-top: 50px auto 0 auto;
        font-family: 'Montez', cursive;
        color : #005858;
        line-height: 2;

    }

    h2{
        font-size: 2.48rem;
        font-family: 'Montserrat', sans-serif;
        color : #005858;
        font-weight: normal;
    }
    h3{

        font-family: 'Montserrat', sans-serif;
        color : #11999E;

    }
    a{
        margin: 0px 0px 0px 0px;
        text-decoration: none;
        line-height:1.5;
        color: #40514E;

    }
    a:hover {
        color: #11999E;
    }


    p{
        line-height:2;
    }

    .top-container {
    background-color: #00ffe2;
    position: relative;
    padding-top: 60px;
    height: 60;
    margin-bottom: 20px;
    }


    }
    .middle-container {
        margin: 50px 0;

    }
    .bottom-container{
        background-color: #66BFBF;
        height:80px;
        margin-top: 50px;


    }

    .bottom-cloud {
        position: absolute;
        left: 0px;
        top: 50px;
        width:15%;
        height:auto;
        transform: rotate(0deg);

    }
    .top-cloud {
        position: absolute;
        margin-right: 0px;
        top: 50px;
        width:15%;
        height:auto;
        transform: rotate(180deg);
        right:0;
        }

    .top-cloud_other_pages {
        position: absolute;
        margin-right: 0px;
        top: 0px;
        width:10%;
        height:auto;
        transform: rotate(180deg);
        right:0;
        }

    .IC{
        width: 25%;
        float: left;
        margin-right: 20px

    }

   .skill-row {
        width : 60%;
        margin: 50px auto 200px auto;
        text-align: left;
        line-height: 1;

    }
       .publication-row {
        width : 60%;
        margin: 100px auto 100px auto;
        text-align: left;
        line-height: 1;

    }
      .publication-text{
                text-align: right;
       }
      .work-row {
        width : 60%;
        margin: 100px auto 100px auto;
        text-align: left;
        line-height: 1;

    }
    .radio{
        width: 25%;
        float: right;
        margin-left: 20px

    }

    .work{
        width: 25%;
        float: left;
        margin-right: 20px;

    }



    .credits {
        color: #EAF6F6;



    }
    .btn {
      background: #11cdd4;
      background-image: -webkit-linear-gradient(top, #11cdd4, #11999e);
      background-image: -moz-linear-gradient(top, #11cdd4, #11999e);
      background-image: -ms-linear-gradient(top, #11cdd4, #11999e);
      background-image: -o-linear-gradient(top, #11cdd4, #11999e);
      background-image: linear-gradient(to bottom, #11cdd4, #11999e);
      -webkit-border-radius: 8;
      -moz-border-radius: 8;
      border-radius: 8px;
      font-family: Arial;
      color: #ffffff;
      font-size: 20px;
      padding: 10px 30px 10px 30px;
      text-decoration: none;
      margin-bottom: 40px;
       text-align: left;


    }

    .btn:hover {
      background: #30e3cb;
      background-image: -webkit-linear-gradient(top, #30e3cb, #2bc4ad);
      background-image: -moz-linear-gradient(top, #30e3cb, #2bc4ad);
      background-image: -ms-linear-gradient(top, #30e3cb, #2bc4ad);
      background-image: -o-linear-gradient(top, #30e3cb, #2bc4ad);
      background-image: linear-gradient(to bottom, #30e3cb, #2bc4ad);
      text-decoration: none;
    }

    .home-btn {
        text-align:left;
        margin-left:5px;
    }

    .projects-btn {
        text-align:left;
        margin-left:25px
    }

    .Education {
        width : 65%;
        margin: auto;

    }

    .intro{

        width : 50%;
        margin: auto;

    }

    .footer-link{
            color : #11999E;
            margin; 100px 100px 50px 100px;
    }
     .footer-link:hover{

        color: #ffffff;
    }

    .header-link{
            color : #11999E;
            margin; 10px 0px 10px 0px;
    }
     .header-link:hover{

        color: #ffffff;
    }