:root {
    --vampire-black: rgb(8, 8, 8);
    --cyan: rgb(139, 233, 253);
    --green: rgb(80, 250, 123);
    --orange: rgb(255, 184, 108);
    --pink: rgb(255, 121, 198); 
    --my-brow: rgb(32, 30, 30);
    --my-brow-2: rgb(44, 42, 42);

    --background: rgb(40, 42, 54);
    --current-line: rgb(68, 71, 90);
    --selection: rgb(68, 71, 90);
    --foreground: rgb(248, 248, 242);
    --comment: rgb(98, 114, 164);
    --cyan: rgb(139, 233, 253);
    --green: rgb(80, 250, 123);
    --orange: rgb(255, 184, 108);
    --pink: rgb(255, 121, 198);
    --purple: rgb(189, 147, 249);
    --red: rgb(255, 85, 85);
    --yellow: rgb(241, 250, 140);
}

.height-carousel{
    height: 50vh;
    background-color: aquamarine;
}


.slide img {
    max-width:  70vh; 
    max-height: 60vh; 
    width: auto; 
    height: auto; 
    /* position: absolute; 
    top: 0; 
    left: 0; */
}

@media only screen and (max-width:700px) {
    .slide img {
        max-width:  100vw; 
        max-height: 100vw; 
        width: auto; 
        height: auto; 
        /* position: absolute; 
        top: 0; 
        left: 0; */
    } 
}

.carousel-item div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.topplan-link{
    text-decoration: underline;
    color: rgb(11, 64, 238);

}

.topplan-link:hover{
    color: rgb(0, 174, 255);
}

.features p{
    color: rgb(219, 137, 44);
    font-weight: 800;    
}

/* .text-feature{
    color: white;
} */

.web-app-video{
    width: 50vw;
}