@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Google Sans', sans-serif;
}
html{
    scroll-behavior: smooth;
    background-color: rgb(245,245,245);
}
.clouds{
    background-image: url('/../../images/banner-cloud.png');
    width: 33rem;
    height: 33rem;

    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;

    z-index: -1;
    opacity: 0.7;
    pointer-events: none;
}

@media screen and (max-width: 480px) {
    .clouds{
    width: 23rem;
    height: 23rem;
    }
}