*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background: linear-gradient(to bottom, #000000, #534d4d) no-repeat;
    min-height: 100vh;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
nav img{
    width: 8%;
   
}

header{ 
    display: flex;
    justify-content: center; 
    margin-top: 1%;
}

nav{ 
    margin: 2% 0;
    background-color: #aaa8a8;
    width: 70%;
    height: 8vh; 
    display: flex;
    align-items: center;
    border-radius: 10px;
}

nav ul{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

nav li a{
    text-decoration: none;
    color: #000000;
    font-weight: 700;
    letter-spacing: 1px;
}
nav li a:hover{
    color: green;
}

nav li{
    list-style: none;
    color: #080808;
    font-size: 1.5rem;
}
i{
    font-size: 1.8rem;
}

span{
    font-size: 2rem;
    color: #0f0f0f;
}
.tudo{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2% 0 0 0;
}
.img-slider{
    position: relative;
    width: 800px;
    height: 500px;
    margin: 10px;
}
.img-slider .slide{
    z-index: 1;
    position: absolute;
    width: 100%;
    clip-path: circle(0% at 0 50%);
}
.img-slider .slide img{
    width: 100%;
    z-index: 1;
    border-radius: 5px;
}
.img-slider .slide.active{
    clip-path: circle(150% at 0 50%);
    transition: 1.5s;
    transition-property: clip-path;
}
.img-slider .navigation{
    z-index: 2;
    position: absolute;
    display: flex;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}
.img-slider .navigation .btn{
    background: rgba(255, 255, 255, 0.5);
    width: 15px;
    height: 15px;
    margin: 10px;
    border-radius: 50%;
    cursor: pointer;
}
.img-slider .navigation .btn.active{
    background: green;
}
.texto{
    display: flex;
    justify-content: center;
}
.dev{
    color: #fff;
    margin: 0 5%;
    font-size: 18px;
}
.dev h2{
    margin: 8% 0;
    color: green;   
}
.sobre-nos{
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.sobre-nos h1{
    margin: 1% 0;
    color: green;
}
.sobre-nos p{
    width: 60%;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: justify;
    margin: 2% 0;
}
hr{
    width: 65%;
    margin: auto;
}
footer{
    background-color: #aaa8a8;
    height: 5vh;
    display: flex;
    justify-content: center;
    font-size: 18px;
    align-items: center;
    letter-spacing: 1px;
    font-weight: 700;
    margin-top: 5%;
}