main.css

@import url('https://fonts.googleapis.com/css2?family=Jersey+25&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

img {
    border-radius: 25px;
    outline-width: 3px;
    outline-style: solid;
    outline-color: black;
  } /* Applies rounding and outline to images, adjust numbers to how you need them */

  body {
    font-family: Poppins; /* I just like Poppins, but if you want to change the font please do (get font at google fonts) */
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: #0080FF;
    font-weight: 600;
  } /* Centers all text, removes the deafault margin and padding, sets the background color to the adw blue, and sets the font thickness */

  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  } /* Removes the bullet points and removes the default margin/padding on lists */
  
  a {
    color: white;
  } /* Simply makes it so that links are white and not blue */

  .title {
    font-family: 'Jersey 25'; 
    letter-spacing: 5px; 
    font-size: 50px; 
    margin: 5px;
    color: white;
    text-shadow: -3px 0 black, 0 3px black, 3px 0 black, 0 -3px black;
  } /* Makes anything with the .title class look like the ADW logo font
  
  Example of how to add it (if somehow you dont know):
  <h1 class="title">Goodbye world</h1>
  */

  /* ofc you can just put this code in a style tag and edit it if you need changes */