/* 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." */
.menu {
    white-space: nowrap;
}
.right {
    text-align: right;
}

@font-face {
  font-family:"stopSign";
  src: url(blueHighway.otf);
}
body {
  background-color: #0022ff;
  color: #FFFAED;
  font-family: "stopSign";
  letter-spacing: 2px;
}
a:visited {
  color: #00ff00;
  background-color: transparent;
  text-decoration: none;
}
a:link {
  color: #00ff00;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: #00ff00;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: #ffff00;
  background-color: transparent;
  text-decoration: underline;
}

/*.menu-button{
  width: 100px;
  height: 100px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
display: inline-flex; 
    border: 4px solid white;
    color: #fffaed;
    cursor: pointer;
  font-size: 150%;
  font-family: "stopSign";
  letter-spacing: 2px;
  font: "src: url(blueHighway.otf)";

    clip-path: polygon(
        30% 0%, 70% 0%,
        100% 30%, 100% 70%,
        70% 100%, 30% 100%,
        0% 70%, 0% 30%
    );
}
*/
.menu-button{
  width: 100px;
  height: 100px;
  color: #FFFAED;
  background-image:url("stopSign.png");
  background-size: cover;
  border: none;
  cursor: pointer;
  font-size: 150%;
  font-family: "stopSign";
  letter-spacing: 2px;
  font: "src: url(blueHighway.otf)";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  clip-path: polygon(
        30% 0%, 70% 0%,
        100% 30%, 100% 70%,
        70% 100%, 30% 100%,
        0% 70%, 0% 30%
    );
}
.menu-button:hover{
  color: #ffff00;
}
.image-button-1 {
             width: 100px;
             height: 100px;
             background-image:url("assgore.png");
             background-size: cover;
             border: none;
             cursor: pointer;
             font-size: 150%;
             clip-path: polygon(
        30% 0%, 70% 0%,
        100% 30%, 100% 70%,
        70% 100%, 30% 100%,
        0% 70%, 0% 30%
    );
          }