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

html {
    overflow-x: hidden;
}

* {
    box-sizing: border-box
}

body {
    font-family: 'Rubik', sans-serif;
    line-height: 1.7;
    font-size: 1.25rem;
    font-weight: 400;
    background: #edf2f7;
    color: #000000;
    overflow-x: hidden;
}
       
       
.off-screen {
    left: -100vw;
    position: absolute
}
        
        .skip-link {
            background: #007ec2;
            color: #fff;
            left: 10px;
            padding: .75em;
            position: fixed;
            opacity: 0;
            top: 10px;
            transform: translateY(-10em);
            transition: transform .2s ease-in-out, opacity .2s ease-in-out;
            z-index: 2
        }
        
        .skip-link:focus {
            opacity: 1;
            transform: translateY(0)
        }
        
        a.skip-link {
            color: #fff;
            font-weight: 400;
            text-decoration: none;
        }