@import url('https://fonts.googleapis.com/css2?family=Aldrich&family=Alef:wght@400;700&display=swap');

body {
    font-family: 'Alef', 'Open Sans', sans-serif;
    
}




article{
     border-radius: var(--space-small);
     /* filter: drop-shadow(3px 3px 4px black); */
}

[data-float-left] {
    margin-right: var(--space-big-x2);
}

[data-float-right] {
    margin-left: var(--space-big-x2);
}


h1 {
    font-weight: 400;
}

[data-gs-twocol]>* {
    text-align: center;
}
a {
        text-decoration: green dotted underline;
        transition:all 1s;

}
a:hover {
    /* color: black; */
    text-decoration: hsla(15,58%,47%,.8) dotted underline;
}
h1 a ,  [data-gs-button] a {
    text-decoration: none;
}


input[type="text"] , input[type="email"]{width:100%}






@media (max-width:1023px) {
    section {
        margin:auto;
    }
    .header {
        position: static;
    }
    #main img{
        width:100%;
        max-width:100%;
    }
    [data-float-left], [data-float-right] {
        float: none;
        margin:auto;
    }
    h1 {
        text-align: center;
        background-color: var(--footer-bgcolor) ;
    }
}