html {
    display: block;
    height: 100%;
    box-sizing: border-box;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'roboto';
    font-weight: 300;
    src: url(fonts/Roboto-Light.ttf);
}

@font-face {
    font-family: 'roboto';
    font-weight: 400;
    src: url(fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: 'roboto';
    font-weight: 500;
    src: url(fonts/Roboto-Medium.ttf);
}

@font-face {
    font-family: 'roboto';
    font-weight: 700;
    src: url(fonts/Roboto-Bold.ttf);
}

body {
    position: relative;
    background-image: url(2020background.gif);
    background-size: 100vw;
    background-repeat: no-repeat;
    font-family: 'Roboto', sans-serif;
    color: black;
}

#date1 {
    position: absolute;
    top: 64.5vw;
    left: 37%;
    font-size: 2vw;
    font-weight: 500;
}

#companyname {
    position: absolute;
    top: 43vw;
    left: 4.2%;
    font-size: 2.8vw;
    font-weight: 500;
    width: 96%;
    text-align: left;
}

#reg-no {
    position: absolute;
    top: 64.5vw;
    left: 4.0%;
    font-size: 2vw;
}

#qrcode {
    position: absolute;
    right: 10%;
    top: 19.5vw;
    width: 15%;
    height: auto;
    display: none;
}

#def {
    position: absolute;
    top: 54.6vw;
    left: 4.2%;
    font-style: italic;
    font-weight: 700;
    font-size: 2vw;
    width: 96%;
    text-align: left;
}

.col {
    position: absolute;
    display: flex;
    align-items: left;
    text-align: left;
    height: 5.9vw;
    right: 0%;
    font-size: 2vw;
    width: 96%;
}

#col1 {
    top: 73.5vw;
}

#col2 {
    top: 82.5vw;
}

#col3 {
    top: 92.0vw;
}

#col4 {
    top: 100.5vw;
}


#categories {
    position: absolute;
    left: 4.0%;
    top: 115.0vw;;
    font-size: 2vw;
    width: 96%;
}

#date2 {
    position: absolute;
    left: 14.8%;
    top: 140.6vw;
    font-size: 2vw;
    font-weight: 500;
    padding-bottom: 4.5%;
}

#ref {
    position: absolute;
    right: 19.5%;
    top: 64.5vw;
    font-size: 2vw;
    font-weight: 700;
}

#verify {
    position: absolute;
    right: 3%;
    top: 140.6vw;
    font-size: 2vw;
    font-weight: 300;
}


/* Hide scrollbar */

body::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE and Edge */
body {
    -ms-overflow-style: none;
}