@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Lacquer&display=swap');

html {
    background-color: #e4e2dd;
    font-family: "Lacquer", system-ui;
    width: 100%;
 height: 100%;
}

body { 
width: 100%;
 height: 100%;
overflow: hidden;
cursor: none;
}

.container {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

div img {
    width: 500px;
}

.header {
    font-size: 60px;
}

.nav-cont {
    font-family: "Inter", sans-serif;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;

}

.nav-cont div {
    font-family: "Inter", sans-serif;
    font-weight: 200;
    margin-right: 30px;
    cursor: pointer;
}

.footer {
    position: absolute;
    bottom: 0;
}
body .cursor {
pointer-events: none;
}
body .cursor__ball {
position: fixed;
top: 0;
left: 0;
mix-blend-mode: difference;
z-index: 1000;
}
body .cursor__ball circle {
fill: #f7f8fa;
}

.subheader {
    font-size: 20px;
    font-family: "Inter", sans-serif;
}

.home {
    font-family: "Inter", sans-serif;
    font-weight: 200;
    position: absolute;
    top: 0;
    cursor: pointer;
}