body{
  background-image: url(banner.png);
  background-attachment: fixed;
}

.main{
  height: fit-content;
  text-align: center;
  padding: 50px;
  justify-items: center;
  
  h1{
    color: var(--color-blue);
    font-size: 50px;
    font-weight: normal;
    background-color: var(--color-black);
  }
}

.content{
  justify-items: center;
  text-align: center;
  padding: 50px 100px;
  
  div{
  	justify-items: left;
  }
  
  @media (max-width: 768px) { 
    padding: 10px 10px 30px 10px;
  }
  
  .p-normal{
    color: var(--color-yellow);
    font-size: 20px;
    font-weight: normal;
    background-color: var(--color-black);
  }
  
  .p-small{
    color: var(--color-blue-clear);
    text-align:justify;
    margin-right:5px;  
    background-color: var(--color-black);
  }
}