body {
    font-family: 'Montserrat', sans-serif;
}

[x-cloak] {
    display: none !important;
}
.contact-form input, .contact-form textarea{
    width: 100%;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    border: none;
}

#video, #video-overlay {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    top: 0;
    left: 0;
}

.max-h-0 {
    max-height: 0;
}

.header {
    position: relative;
    height: 100vh;
}

.wave-animation {
left: calc(50% - 640px);

}


.wave-animation svg {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.wave-animation #wave-1 polygon {
    fill: #00FFC4;
    opacity: 20%;
}

.wave-animation #wave-2 polygon {
    fill: #6497FF;
    opacity: 20%;
}

.wave-animation #wave-3 polygon {
    fill: #00FFC4;
    opacity: 20%;
}

.wave-animation #wave-4 polygon {
    fill: #6497FF;
    opacity: 20%;
}