/* CSS Styles */
*

.roboto-condensed-<uniquifier> {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
a:link, a:visited {
    color: #1f2fab;
    text-decoration: none;
}  
    a:hover {
        text-decoration: underline;
        color:#4392e0
    }
    a:hover
    :visited    {
        text-decoration: underline;
        color:#1a6f5b
    }    
body {
    background-color: #4392e0;
    background-image: url(images/dust_scratches\ \(2\).png);
    font-family: Arial, sans-serif;
    margin: 20px;
}
/* button style */
.button a {
    color: ;#1f2fab;
    border: ;#1f2fab thin solid;
    padding: 10px 0;
    display: block;
    text-align: center;
    text-decoration:none; ;
}   
button a:visited {
    color: #1f2fab;
    border: #1f2fab thin solid;
    padding: 10px 0;
    display: block;
    text-align: center;
    text-decoration:none; ;

    button a:hover {
        color: #4392e0;
        border: #4392e0 thin solid;
        padding: 10px 0;
        display: block;
        text-transform: capitalize;
        text-align: center;
        text-decoration:none; ;
    }
}

/*Header Styles */
header {
    grid-template-columns: repeat(12, 1fr  );
    gap: 10px;
    background-color: #000;
    color: white;
    padding: 20px;
    text-align: center;
}