body{
text-align:left;
font-size: 18px;
background: #6FF203;
background: radial-gradient(circle,rgba(111, 242, 3, 1) 0%, rgba(255, 255, 255, 1) 30%);
background-repeat: no-repeat;

font-family: "Consolas", "Times";

} 


.intro-text{
  line-height: 20px;
}

a{
        color:blue;
}


.container{
  width:700px;
  text-align: left;


 
}

h1{
  margin-top: 30px;
  margin-bottom: 0px;
}

h3{
  margin-bottom: 10px;
  /*color: red;*/
}

.links-container{
  display: flex;
  justify-content: center;
  text-align: left;

}

.column1, .column2{
  max-width: 300px;
}

.column2{
  margin-left:30px;
}

.line{
  margin-bottom:20px;
  background-color:black;
  width: 700px;
  height:1px;
}


  .grid-container {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr 3fr;
  grid-template-rows: 100px 100px 100px;
  align-items: flex-start; 
  row-gap: 10px;
  justify-content: center;
}

.icon-col{
  padding-right:25px;
  

}

.text-col{
  padding-right:25px;

}

.links{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 15px;
  column-fill:balance;
  column-gap: 25px;
  column-rule: 1px thin black;
  
}

.iframe{


}

details{
  margin-bottom: 12px;
  margin-top: 12px;
}

@media only screen and (max-width: 800px) {
  body{
    margin:15px;
  }

  h1 {
    font-size:25px;
  }

  .line{
    margin-top:20px;
    width:350px;
    height:1px;
  }

  .container{
    width: 390px;
    text-wrap: wrap;
  }

   .grid-container {
  grid-template-columns: 1fr 3fr;

  row-gap: 30px;

}

}