* {
  margin: 0;
}

html {
  margin: 0;
}

body {
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #f2f4ef;
color: black;
margin: 0;
line-height: 1.6;
letter-spacing: 2px;
font-family: 'my-type-radio-face';
    
}


@media (min-width: 1024px) {
  body {
    background-image: url(https://plutonist.neocities.org/BG2K24JUN_1920.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #menu {
    display : block;
  }
  #mobilemenu {
    display : none;
  }
  #menubutton {
    display : block;
  }
  #menubuttonmobile {
    display : none;
  }
  model-viewer {
  width: 1500px;
  height: 1000px; 
  }
}

@media (max-width: 1024px) {
  body {
    background-image: url(https://plutonist.neocities.org/BG2K24JUN_1920_mobile.jpg);
  }
  #menu {
    display : none;
  }
  #mobilemenu {
    display : block;
  }
  #menubuttonmobile {
    display : block;
  }
  #menubutton {
    display : none;
  }
  model-viewer {
  margin-top: 10vw;
  width: 1000px;
  height: 500px; 
  }
}


@font-face {
font-family: 'my-type-radio-face';
src: url('https://plutonist.neocities.org/fonts_my-type-radio-face/my-type-radio-face-webfont.woff2') format('woff2'),
url('https://plutonist.neocities.org/fonts_my-type-radio-face/my-type-radio-face-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}

* {
  margin: 0;
  padding: 0;
}

a {
  text-align: left;
  color: black;
  text-decoration:none;
}

.flex-container {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start; 
  text-align: center;
  justify-content: center;
  -webkit-justify-content: center;
}

.block {
  display: flex;
  display: -webkit-flex;
  text-align: left;
}  

.animate {
  opacity: 1;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

img {
  opacity: 1;
  object-fit: contain;
}

.grid-container {
  display: grid;
  grid-template-columns: auto;
  gap: 0px;
}

.h2 {
  font-size: 5px;
}

p {
    word-break: break-all;
    white-space: normal;
}