body {

background: #2d2e2d;
background: linear-gradient(180deg,rgba(45, 46, 45, 1) 0%, rgba(71, 72, 70, 1) 44%, rgba(110, 112, 99, 1) 100%);
padding: 25px;
background-repeat: no-repeat;
background-attachment: fixed;
        }


 h1 {

              font-family: "Handjet", sans-serif;
              font-size: 120px;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: rgb(107, 203, 176);
  text-shadow: rgb(51, 168, 119) 1px 1px 20px;
margin-top: 10px;
margin-bottom: -25px;
margin-left: 15px;
        }

h4{
              font-family: "SUSE Mono", sans-serif;
  font-optical-sizing: auto;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
    color: rgb(107, 203, 176);
  text-shadow: rgb(51, 168, 119) 1px 1px 20px;
    position: relative;
bottom: -20px;
                }

 p {
              font-family: "SUSE Mono", sans-serif;
  font-optical-sizing: auto;
  font-weight:200;
  font-style: normal;
  font-size: 17px;

        }

 br{
display: block;
margin-top:  20px;
}

h2 {
    color: rgb(107, 203, 176);
  text-shadow: rgb(51, 168, 119) 1px 1px 20px;
  font-family: "Handjet", sans-serif;
              font-size: 40px;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  position: relative;
bottom: -20px;
left: 27px;
        }

 ul {
            list-style: none;
            text-align: right;
            margin-top: -40px;
        }
li {
background-color: rgb(234, 226, 202);
border-radius: 2px;
width:210px;
font-family: "SUSE Mono", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
     display:inline-block;
     text-align:center;
     margin-top: 90px;
}

a:link {
            color: #2d2e2d;
              text-decoration: none;

        }
a:visited {
            color: #bc0505;
        }

img{
  float: left;
  margin-right: 15px;
        }

    .twelve.columns {

  background-color: rgb(234, 226, 202);
  border: 2px;
  border-color: #2d2e2d;
  border-style: solid;
border-radius: 6px;
box-shadow: rgb(6, 6, 6) 6px 1px 20px;
padding: 20px;
margin-top: 20px;
   }

    .six.columns {

  background-color: rgb(234, 226, 202);
  border: 2px;
  border-color: #2d2e2d;
  border-style: solid;
border-radius: 6px;
box-shadow: rgb(6, 6, 6) 6px 1px 20px;
padding: 20px;
margin-top: 20px;
   }

       .six.columns img {
width: 100%;
height: 100%;
background: none;
object-fit: cover;
   }

    .container {
  position: relative;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }

h5 {
font-family: "SUSE Mono", sans-serif;
  font-optical-sizing: auto;
  font-weight:500;
  font-style: normal;
  font-size: 40px;
text-align: center;

}

        #transparent {

     display: grid;
     place-items: center;
     padding-top: 40px;
        }