body {
    font-family: Verdana, sans-serif;
    background-color: #b5a9ff;
}

@font-face {
    font-family: 'EssentariumVG'; /*a name to be used later*/
    src: url('../resources/EssentiarumVG\ [Web].ttf'); /*URL to font*/
}

.triangle-top-left {
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    position: fixed;
    width: 25vw;
    height: 50vw;
    background: #a596ff;
    z-index: -2;
}

.triangle-bottom-right {
    bottom: 0;
    right: 0;
    clip-path: polygon(100% 100%, 0 100%, 100% 0);
    position: fixed;
    width: 25vw;
    height: 50vw;
    background: #a596ff;
    z-index: -2;
}

.triangle-top-left2 {
    top: 0;
    left: 0;
    position: fixed;
    width: 12.5vw;
    height: 25vw;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    background: linear-gradient(-60deg, #a9a7a7, #f2eeef);
}

.triangle-bottom-right2 {
    bottom: 0;
    right: 0;
    position: fixed;
    width: 12.5vw;
    height: 25vw;
    z-index: -1;
    clip-path: polygon(100% 100%, 0 100%, 100% 0);
    background: linear-gradient(120deg, #a9a7a7, #f2eeef);
}