/* .main-bg{
    background-color: brown;
    width: 100dvh;
    height: 100dvh;
} */
@font-face {
    font-family: 'Forma DJR Micro Regular'; /*a name to be used later*/
    src: url('FormaDJRMicro-Regular.otf'); /*URL to font*/
}
  
@font-face {
font-family: 'Forma DJR Micro Bold'; /*a name to be used later*/
src: url('FormaDJRMicro-Bold.otf'); /*URL to font*/
}
@font-face {
font-family: 'Forma DJR Micro Italic'; /*a name to be used later*/
src: url('FormaDJRMicro-Italic.otf'); /*URL to font*/
}


@font-face {
font-family: 'Forma DJR Micro Medium'; /*a name to be used later*/
src: url('FormaDJRMicro-Medium.otf'); /*URL to font*/
}

@font-face {
    font-family: 'GFT Heritage SemiBold2024'; /*a name to be used later*/
    src: url('GFT Heritage SemiBold2024.otf'); /*URL to font*/
}

.titles{
    font-family: 'GFT Heritage SemiBold2024', serif;
}
.texts{
    font-family: 'Forma DJR Micro Regular';
}

.gradients-container{
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
}
.green-color{
    color: #1ed760 !important;
    transition: color 0.3s;
}

a:hover{
    color: #d73385 !important;
}

.logo{
    width: 250px;
}
.glassmorph-box{
    background: rgba(255, 255, 255, 0.13);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

@media only screen and (min-width: 200px) {
    .gradients-container{
        background-image: url('BackgroundVertical.jpg');
    }
}
@media only screen and (min-width: 768px) {
    .gradients-container{
        background-image: url('Background.jpg');
    }
}