*{ /*Seletor GLobal Todo elementos */
    margin: 0;/*Estou tirando todas as margem do html*/
    padding-top: 10px;
}
body{
    background-color: white;
}
.container{
    display: flex;
    justify-content: center;
}

.backgroundperfil{
    left: 100%;
    top: 100%;
}

.abdieloliveiraperfil{
    position: relative;
    display: flex;
    padding-top: 5%;
    padding-left: 3%;
    top: -11%;
    width: 17.5%;
    height: 20%;
}
.abdieloliveiraperfil a figcaption{
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 27px;
    color: black;
}
#abdielperfil {
    border-radius: 200px;
    width: 200px;
    height: 200px;
}

.title {
    font-family: "Cairo";
    text-align: center;
    color: #FFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    letter-spacing: 1px;
    line-height:2
}

nav{
    height: 80px;
    width: 100%;
    background-color: rgba(0, 153, 255, 0.589);
}

nav ul{
    float: right;
}

h1{
    background-image: url(https://media.giphy.com/media/26BROrSHlmyzzHf3i/giphy.gif);
    background-size: cover;
    color: transparent;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    font-size: 25px;
    margin: 10px 0;
}

.titulo{
    padding-top: 5%;
    padding-left: 23%;
    position: relative;
    top: -27%;
    color: black;
    font-family: 'Merriweather Sans', sans-serif;
    height: 12%;
    margin-left: 20px;
    margin-top: 20px;
}
aside{
    position: relative;
    top: -29%;
    width: 20.5%;
    
}
aside h1{
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Merriweather Sans', sans-serif;

}
article{
    padding-top: 1%;
    height: 100%;
}
article img{
    width: 100%;
}
#languagens{
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 10px;
}

nav {
	background: rgba(0, 153, 255, 0.589);
	height: 55px;
	width: 100%;
}
label.logo {
	color: white;
	font-size: 35px;
	line-height: 80px;
	padding: 0 100px;
	font-weight: bold;
}
nav ul {
	float: right;
	margin-right: 20px;
    margin-top: -35px;
}
nav ul li {
	display: inline-block;
	line-height: 80px;
	margin: 0 5px;
}
nav ul li a {
	color: white;
	font-size: 17px;
	padding: 7px 13px;
	border-radius: 3px;
	text-transform: uppercase;
}
a.active, a:hover {
	background: #1d075f;
	transition: .5s;
}
.checkbtn {
	font-size: 30px;
	color: white;
	float: right;
	line-height: 80px;
	margin-right: 40px;
	cursor: pointer;
	display: none;
}
#check {
	display: none;
}

@media (max-width: 858px){
    ul {
    position: fixed;
    width: 101.3%;
    background: rgb(0, 153, 255);
    top: 65px;
    left: -10%;
    text-align: center;
    transition: all .5s;
    line-height: 10px;
    display: inline-block;
    height: 55px;
}
@media (max-width: 858px){
    nav ul li {
    line-height: 1px;
    margin: 0 5px;
    padding-top: 5%;
}
}
}
@media (max-width: 858px){
    .titulo {
    padding-top: 24%;
    padding-left: 26%;
}
}
@media (max-width: 858px){
    #abdielperfil {
    width: 100px;
    height: 100px;
    border-radius: 200px;
}
@media (max-width: 858px){
    .abdieloliveiraperfil {
    top: -6%;
    padding-left: 2%;
}
}
@media (max-width: 858px){
    .figcaption {
    width: 195px;
    padding-left: 3px;
    padding-top: 0%;
}
}
@media (max-width: 858px){
    aside {
    width: 93px;
    padding-left: 12px;
    top: -36%;
}
}
}
@media (max-width: 858px){
    li {
        font-size: 12px;
}
}
@media screen and (max-width: 1068px){
body,section, img, article, figure{
    width: 100%;
}
}
@media screen and (max-width: 1068px){
    h1, p, img{
        font-size: 12px;
}
}
@media screen and (max-width: 858px){
    h1, p, img{
        font-size: 12px;
    }
}
@media (max-width: 952px){
nav ul li a{
    font-size: 12px;
}
}
@media (max-width: 858px){
.checkbtn {
    display: block;
}
nav ul li a {
    font-size: 12px;
}
a:hover, a.active {
    background: none;
    color: rgba(0, 0, 0, 0.589);
}
#check:checked ~ ul {
    left: 0;
}
}