/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
HTML content. To learn how to do something, just try searching Google for questions like
"how to change link color." */

body {
  background-color: #333333;
  color: black;
  font-family: Verdana;
  font-size: 14;
}

@media (max-width: 768px) {
    body {
        font-size: 6px;
    }}

h3 {
      font-size: 8;
      margin: 0;
      margin-top: 0;
      padding: 0;
      }

button {
  background-color: #6633ff;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}

.round_top {
  border-collapse: separate; /* Required for border-radius to work on the table element */
  border-spacing: 0;         /* Removes the space between cell borders */
  border-radius: 10px 10px 0 0;       /* Rounds all four outer corners */
  border: 0px solid black;   /* Adds a single outer border */
  overflow: hidden;       
  }
  
.round_bottom {
  border-collapse: separate; /* Required for border-radius to work on the table element */ 
  border-spacing: 0;         /* Removes the space between cell borders */
  border-radius: 0 0 10px 10px;       /* Rounds all four outer corners */
  border: 0px solid black;   /* Adds a single outer border */
  overflow: hidden;       
  }
  
.round {
  border-collapse: separate; /* Required for border-radius to work on the table element */
  border-spacing: 0;         /* Removes the space between cell borders */
  border-radius: 10px;       /* Rounds all four outer corners */
  border: 0px solid black;   /* Adds a single outer border */
  overflow: hidden;       
  }

.element {
  /* Set the bottom-left corner radius */
  border-bottom-left-radius: 10px;
  /* Set the bottom-right corner radius */
  border-bottom-right-radius: 10px;
  /* Ensure top corners are square (optional, as 0 is the default) */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.button_special {
  background-color: green;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  border-collapse: separate; /* Required for border-radius to work on the table element */
  border-spacing: 0;         /* Removes the space between cell borders */
  border-radius: 10px 10px 0px 0px;       /* Rounds all four outer corners */
  border: 0px solid black;   /* Adds a single outer border */
  overflow: hidden;       
}