@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
     /* Set the background image and prevent it from repeating */
     background-image: url('digitizers.png');
     background-repeat: no-repeat; /* 1.3.2 */
 
     /* Ensure the image covers the entire viewport without stretching, cropping as necessary */
     background-size: cover; /* 1.2.5 */
 
     /* Fix the background relative to the viewport, so it doesn't scroll with content */
     background-attachment: fixed; /* 1.3.1 */
 
     /* Center the image within the viewport */
     background-position: center center; /* 1.3.2 */
 
     /* Optional: Add a background color as a fallback while the image loads or if it fails */
     background-color: #333; 
}
div#main {
    max-width: 720px; /* Set a maximum width for your content */
    margin-left: auto; /* Centers the wrapper horizontally */
    margin-right: auto; /* Centers the wrapper horizontally */
    margin-top: 20px;
    margin-bottom: 80px;
    padding: 20px; /* Optional: Add some padding inside the wrapper */
    background-color: #f0f0f0; /* Optional: For visual clarity */
    border: 1px solid rgb(15%,15%,15%);
    color: rgb(15%,15%,15%);
}

h1 {
    font-size: 2rem;
}

h2, h3, p, span {
    font-size: 1rem;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 350;
    font-style: normal;
    line-height: 1.5rem;
    padding: 0px;
    margin: 0px;
}

button {
    font-size: 14px;
}
    
a:link, a:visited, button {
    text-decoration: none;
    color: blue;
}

a:hover, button:hover {
    text-decoration: underline;
}

a:active, button:active {
    background-color: yellow;
}

ul {
    list-style-type: none;
    padding: 0px;
    margin-top: 10px;
}

li {
    border-bottom: 1px solid rgb(70%,70%,70%);
    padding-top: 10px;
    padding-bottom: 10px;
}

.instrument-serif-regular {
    font-family: "Instrument Serif", serif;
    font-weight: 600;
    font-style: normal;
  }
  
.inter-400> {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 420;
    font-style: normal;
  }