body{
    font-family: 'Montserrat', serif;
    background: rgb(106,200,197);
    background: linear-gradient(327deg, rgba(106,200,197,1) 0%, rgba(160,209,141,1) 100%);
    overflow-x: hidden;
    scroll-behavior: smooth;
    height:100vh;
}


#container{
    max-width:1600px;
    margin:0 auto;
    text-align:center;
}

.imgPerfil img{
    border-radius: 50%;
    width: 150px;
    height: 150px;
    display: block;
    object-fit: contain;
    object-position: initial;
    filter: none;
    position: relative;
    z-index:20;
    margin:35px auto;
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.10);
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.10);
}

.imgPerfil:after{
    position:absolute;
    top:25px;
    z-index:10;
    left:calc( 50% - 85px);
    content:"";
    width:170px;
    height:170px;
    display:block;
    background-image: linear-gradient(0deg, rgba(106,200,197,1) 0%, rgba(160,209,141,1) 100%);
    border-radius: 50%;
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.10);
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.10);
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: spin;
    -moz-animation-duration: 1500ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;

    -ms-animation-name: spin;
    -ms-animation-duration: 1500ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.descricoes h1,
.descricoes p{
    line-height:20px;
    color:#fff;
}

.copyR{
    color:#fff;
}

.linksList {
    max-width:680px;
    margin:50px auto;
    padding:0;
}

.linksList li {
    display: block;
    max-width: 100%;
    line-height: 55px;
    height: 60px;
    margin: 20px 0;
    list-style: none;
    overflow: hidden;
    margin-bottom: 16px;
    border: 2px solid #fff;
    background-color: #fff;
    border-radius: 8px;
    transition: box-shadow .25s cubic-bezier(.08, .59, .29, .99) 0s,color .25s cubic-bezier(.08, .59, .29, .99) 0s,border-color .25s cubic-bezier(.08, .59, .29, .99) 0s,transform .25s cubic-bezier(.08, .59, .29, .99) 0s,background-color .25s cubic-bezier(.08, .59, .29, .99) 0s;
}

.linksList li a {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height:60px;
    font-weight: 600;
    color:rgba(106,200,197,1);
    text-decoration:none;
}

.linksList li:hover, .linksList li:hover a {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}

@-ms-keyframes spin { 
    from { 
        -ms-transform: rotate(0deg); 
    } to { 
        -ms-transform: rotate(360deg); 
    }
}
@-moz-keyframes spin { 
    from { 
        -moz-transform: rotate(0deg); 
    } to { 
        -moz-transform: rotate(360deg); 
    }
}
@-webkit-keyframes spin { 
    from { 
        -webkit-transform: rotate(0deg); 
    } to { 
        -webkit-transform: rotate(360deg); 
    }
}
@keyframes spin { 
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(360deg); 
    }
}
}