@font-face {
    font-family: "Big Shoulders Inline";
    src: url("BigShouldersInline-VariableFont_opsz,wght.ttf") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body
{
	background-color: #17181a;
}

h1, .headline {
    background:
        linear-gradient(rgba(30, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
        url("qimono-earth-1756274_1920.jpg");
    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    color: #2e1dcc;
    font-family: "Big Shoulders Inline";
    font-weight: normal;
    font-size: 100px;
    text-align: center;

    margin-bottom: 0px;
    margin-top: 0px;
    padding: 40px;
}

h2{
    color:#b8730c;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    text-align: center;
    margin-top:0px;
    margin-bottom:5px;
}
#mainText{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    text-align: center;
    font-weight: bold;
    color:rgb(104, 101, 101);
    margin-left:100px;
    margin-right:100px;
}
#repos{
    margin-bottom: 100px;
    padding-left: 300px;
    padding-right: 300px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    text-align: center;
    font-weight: bold;
}


#foot{
    background-color: rgb(34, 34, 34);   
    color: rgb(255, 255, 255);           
    padding-bottom:10px;
    padding-top:10px;      
    text-align: center;      
    position:relative;        
    bottom: 0;
    left: 0;
    width: 100%;             
    box-shadow: 0 -2px 5px rgba(0,0,0,0.3); 
}
#contact{
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    text-align: center;
    font-weight: bold;
}
#copyright{
    text-align:center;
    color: rgb(80, 80, 80);
    margin-bottom: 1px;
}
#circuitImg{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#topText{
    padding-top:0px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    text-align: center;
    font-weight: bold;
    color:rgb(104, 101, 101);
}
#pixabay,
#pixabay:link,
#pixabay:visited,
#pixabay:hover,
#pixabay:active {
    color: rgb(80,80,80);
}