html {
  scroll-behavior: smooth;
}

body {
  background-image: url("https://drinksglue.neocities.org/Images/New%20Backgrounds/stars%201.gif");
  background-attachment: fixed;
  color: white;
}

h2 {
  text-decoration: underline;
}

h3 {
  text-decoration: underline dotted;
}


            /* the "container" is what wraps your entire website */
            #container {
                max-width: 900px;
                /* this is the width of your layout! */
                /* if you change the above value, scroll to the bottom
      and change the media query according to the comment! */
                margin: 0 auto;
                /* this centers the entire page */
            }

            /* this is the color of the main content area,
    between the sidebars! */
            main {
                background-color: #343434;
                flex: 1;
                padding: 10px;
                order: 2;
                font-size: 17px;
                border-style: inset;
                border-color: white;
                border-radius: 7px;
                border-width: 3px;
            }

            /* the area below is for all links on your page
    EXCEPT for the navigation */
            #container a {
                color: #F0F3FE;
                font-weight: bold;
                /* if you want to remove the underline
      you can add a line below here that says:
      text-decoration:none; */
            }

            #container a:hover {
              color: #FF5858;
            }