@font-face {
      font-family: "Roboto";
      src: url("https://graveyardsoup.neocities.org/ignore/Roboto-VariableFont_wdth,wght.ttf") format("truetype");
      font-weight: normal;
      font-style: normal;
      
    }
p {
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  line-height: 2;

}

h1 {
  font-family: 'Roboto', sans-serif;
}

h2 {
  font-family: 'Roboto', sans-serif;
}

body {
  background-color: #4A8FE7;
  color: white;
}



.primary {
display: grid;
grid-template-columns: repeat(2, 1fr) 3fr repeat(2, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
height: 200px;
}

.line{
  grid-row-start: 2;
  grid-column-start: 2;
  grid-column-end: 5;
  margin-top:-50px;
}

.top {
  grid-row-start: 2;
  grid-column-start: 2;
  grid-column-end: 5;
  padding-top:0px;
  padding-bottom: 100px;
  margin:0 auto;
  text-align: center;
}

.second {
  grid-row-start: 3;
  grid-column-start: 3;
  margin:0 auto;
}

.third {
  grid-row-start: 4;
  grid-column-start: 3;
  margin:0 auto;
  height: 200px;
  margin-top: 50px;
  text-align:center;
}

.interior1 {
  color: #4A8FE7;
  background-color: white;
  display: flex;
  padding:20px;
  padding-left:40px;
  padding-right:40px;
  margin-bottom:30px;
  border-radius:20px;
}

.interior2 {
  color: #4A8FE7;
  background-color: white;
  display: flex;
  padding:20px;
  padding-left:40px;
  padding-right:40px;
  margin-bottom:30px;
  border-radius:20px;
}

.interior3 {
  color: #4A8FE7;
  background-color: white;
  display: flex;
  padding:20px;
  padding-left:40px;
  padding-right:40px;
  margin-bottom:30px;
  border-radius:20px;
}

.icon{
  padding-right: 25px;
}

.logo {
  grid-row-start: 1;
  grid-column-start: 3;
  margin:0 auto;
}

.textwrap{
  display:flex;
}



footer {
  background-color:#1d1e22;
  grid-row-start: 5;
  grid-column-start: 1;
  grid-column-end: 6;
  margin:-8px;
}

.footertext{
  margin:0 auto;
  text-align: center;
}