*,
*::before,
*::after{
    box-sizing: border-box;
}

html{
    font-size: 16px;
}

body{
    margin: 0;
    font-family: var(--dy-font);
    font-size: var(--dy-fs-md);
    color: var(--dy-text);
    background:
        radial-gradient(circle at top left, rgba(158,196,224,.20), transparent 28%),
        radial-gradient(circle at top right, rgba(60,127,177,.10), transparent 22%),
        var(--dy-bg);
}

img{
    max-width: 100%;
    display: block;
}

a{
    color: var(--dy-primary-500);
    text-decoration: none;
    transition: color .2s ease;
}

a:hover{
    color: var(--dy-primary-600);
}