style.css

/* 
  The style rules specify elements by type and by attributes such as class and ID
  Each section indicates an element or elements, then lists the style properties to apply
  You can see that some of the selectors are already prepared for you, but everything is up to you
*/

/*
  When you target Body the rules will apply to everything on your page
  This is usefull for implementing fonts or background
*/

/*
  Try deleting this comment (leave the body selector) and see how it changes your page
  You can use your own color and fonts of course

body {
  font-family: "Sono", sans-serif;
  background-color: rgb(207, 255, 214);
}
*/

/* Page structure - this will basically center everything to the center of the page*/
.wrapper {
    display: grid;
    place-items: center;
    margin: 0 1rem;
    font-family: "Sono", sans-serif;
    background-color: #f7a903;
  }
  
  .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  /* Very light scaling for our logo */
  .logo {
    max-width: 420px;
    max-height: 300px;
  }
  
  /* Main text area */
  .main {
    margin: 20px;
    max-width: 600px;
  }
  
  .list {
    border-style: solid;
    color: white;
  }
  
  h1 {
    color: white;
  }
  
  h2 {
    color: white;
  }
  
  p {
    color: white;
  }