* {
  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://freight.cargo.site/t/original/i/9da91c1e608214656eb94ce067019e485df17a609d0f8e19dfe9e1f2016a9e31/background_wide_min.jpg);
  }
}

@media (max-width: 1024px) {
  body {
    background-image: url(https://freight.cargo.site/t/original/i/b1e2cef9202400f25173e495d2925200cd9a44a486a81b26a05fe05632049c80/background_tall_min.jpg);
  }
}


@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;
}