@font-face {
    font-family: weavePro;
    src: url(weave-pro.woff);
}

body {
    background-color: #CDEAFF;
    color: #000;
    font-size: 3vw;
    font-family: weavePro;
    /* Remove background properties from body if you're using an <img> tag for the image */
    min-height: 100vh; /* Ensure body takes full viewport height */
    margin: 0; /* Remove default body margin */
}

#shield{
    height: 20vh;
    padding:1vw;
}

#clock{
    position:fixed;
    right: 1vw;
    top: 1vw;
    font-size: 15vh;
}

h1{
    margin:1vw;
    color: #000;
}

p{
    margin: 1vw;
}