body {
    background: rgb(199,224,223);
    background: linear-gradient(83deg, rgba(199,224,223,1) 0%, rgba(179,214,212,1) 26%, rgba(255,255,255,1) 100%); 
}

.image-mockup {
    height: 60vh;
}

.main-section {
    display: flex;
    justify-content: center;
    height: 100vh;
    align-items: center;
    flex-wrap: wrap;
    font-family: 'SpaceGrotesk', sans-serif;
    font-feature-settings: 'ss02', 'ss03', 'ss04';
    font-weight: 800;
    font-size: 1.4rem;
    color: #5c5c5c;
}
@media (max-width: 414px) {
    body {
        background: rgb(199,224,223);
        background: linear-gradient(4deg, rgba(199,224,223,1) 0%, rgba(179,214,212,1) 26%, rgba(255,255,255,1) 100%);
    }

    .comingsoon{
        font-size: 1.5rem;
        
    }
}