header nav{
    align-items: center !important;
    
}
.hero{
    position: relative;
    overflow-y: hidden;
}
.hero .container{
    position: relative;
    z-index: 2;
    
}
.hero::before{
    content:'';
    position: absolute;
    background: #00000083;
    top: 0;
    left: 0;
    width: 100%;
    height: 300%;
    z-index: 2;
}
.rev img{
    width: 300px;
    height: 300px;
    object-fit: cover;
    margin: 0 auto;
    margin-bottom: 20px;
    border-radius: 50%;
}
footer .container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 500px;
    text-align: center;
}
footer .container>div{
    justify-content: center !important;
}
div:has(canvas){
    max-width: 500px;
    margin: 0 auto;
}