body {
  display: grid;
  max-width: 1640px;
  width: fit-content;
  background-color: white;
  font-family: "Archivo", sans-serif;
  font-optical-sizing: none; 
  font-weight: 900;
  font-style: italic;
  color: blue;
  overflow-x: hidden;
  
  
}
.main-title-text {
  margin-left: 0vw;
  margin-top: -12.0vw;
  margin-bottom: -1vw;
}
.imageclass {
  display: grid;
  margin-block: -0.1vw;
}
.column3 {
  margin-inline: grid;
}
p {
  font-weight: 400;
  font-size: 1rem;
  width: 80vw;
  break-inside: avoid;
  margin-left: 10vw;
}
h1 {
  font-size: 1.25rem;
  width: 90vw;
  break-before: avoid;
  break-inside: avoid;
  break-after: avoid;
}
h2 {
  font-size: 1.5rem;
  color: blue;

}
h3 {
  font-size: 1rem;
}
h4 {
  font-size: 1rem;
}
h5 {
  font-size: 3rem;
  width: 90vw;
  
}
a {
  color: blue;
}
code {
  font-size: 0.65rem;
}
#indent {
  text-indent: 0vw;
}
.column2 {
  width: 90vw;
  margin-left: 5vw;
  margin-top:0vw;
}
.column2segments {
  
  max-width: 40vw;
  color: blue;
  margin-left: 0vw;
  margin-top: -25vw;
}
.title-text {
  max-width:70vw;
  margin-bottom:0vw;
}

.column3 {
  display:inline-flexbox;
  column-count: 4;
  width: 100vw;
  column-gap: 0;
  break-before: avoid;
  break-inside: avoid;
  break-after: avoid;
}
.imageclass {
  width: 100vw;
  white-space: none;
  margin-inline: 0vw;
  background-color: white;
}
body {
    width: 100vw;
    margin-left: 0vw;
    margin-top:0vw;
    text-align: center;
}
.lineargradienttext{
    display: block;
    font-size: 1rem;
    break-after: column;
    padding: 5px;
    border: 1px solid blue;
    font-size: 0.9rem;
    
}
.column2segments{
    
    text-align: center;
    width:10vw;
    align-items: center;
    align-self: center;
    align-content: center;
    margin-left: 0vw;
    margin-top: -15vw;
    break-after: column;
  }
  h2{
    display:inline-flex;
  }
  .imageclass-for-logo {
    width: 60vw;
    
    margin-left: 20vw;
    margin-top: 5vw;
    
  }


  .imageclass {
    width: 25vw;
    
  }
  .column3 {
    
    break-before: avoid;
    break-inside: avoid;
    break-after: columns;
  }

  
  
  .preview-text {
    width: 50vw;
    margin-left: 25vw;
    margin-top: 0vw;
  }

  
  .column2break {
    display: flex;
    flex-flow:wrap;
    column-count: 6;
    line-height: 10vw;
    column-width: 20vw;
    column-gap: 10px;
    line-height: 20px;
    flex-wrap: wrap;
    text-align: center;

    width: 90vw;
    margin-left: 5vw;
    margin-top: 2vw;
    justify-content: center;
  } 

  .imageclassforvideo {
    width: 80vw;
    margin-left: 10vw;
  }

  .column4 {
    width: 90vw;
    margin-left: 10vw;
  }

  .capybaraimageclass {
    width: 25vw;
    margin-left: -10vw;
  }

  .dragonimageclass {
    width: 70vw;
  }

  .dragonimageclass2 {
    width: 45vw;
    margin-left:-7.5vw;
  }

  .about-text-one-column {
  
  border: 1px solid blue;
  padding: 1.25vw;
  margin-bottom: 5vw;
  width: 80vw;
  text-align: start;
  margin-left: 5vw;
}
  
.about-text-two-column {
  align-items: center;
  justify-items: center;
  border: 1px solid blue;
  color: blue;
  padding: 1.25vw;
  margin-bottom: 5vw;
  width: 35vw;
  text-align: start;
  margin-left: 0vw;
}

.about-text-two-column-bright-red {
  align-items: center;
  justify-items: center;
  border: 1px solid red;
  color: red;
  padding: 1.25vw;
  margin-bottom: 5vw;
  width: 35vw;
  text-align: start;
  margin-left: 5vw;
}

.about-text-three-column {
  align-items: center;
  justify-items: center;
  border: 1px solid blue;
  padding: 1.25vw;
  margin-bottom: 5vw;
  width: 22vw;
  text-align: start;
  font-size: 0.95rem;
  margin-left: -5vw;
  word-break: break-word;
  
}

.about-text-three-column-for-digital-sculpture {
  text-align: start;
  border: 1px solid blue;
  padding: 1.25vw;
  margin-left: 1.5vw;
  width: 22vw;
  font-size: 0.95rem;
  
}

.about-text-three-column-bright-red {
  
  color: red;
  border: 1px solid red;
  padding: 1.25vw;
  width: 22vw;
  text-align: start;
  font-size: 0.95rem;
  margin-left: 0vw;
}

.about-numbers-new-column {
  border: 1px solid blue;
  width: fit-content;
  padding: 1vw;
  margin-inline: 10vw;
  break-before: column;
}
.about-numbers {
  border: 1px solid blue;
  width: fit-content;
  padding: 1vw;
  margin-inline: 10vw;
  margin-top: 2vw;
}
.about-numbers-bright-red {
  border: 1px solid red;
  color: red;
  width: fit-content;
  padding: 1vw;
  margin-inline: 8vw;
  margin-top: 2vw;
}
#one-column-text-block{
  column-count: 1;
  margin-left: -5vw;
  margin-bottom: 2vw;
  width:90vw;
  padding: 0vw;
  column-gap: 0vw;
  margin-left: 0vw;
}
#two-column-text-block{
  column-count: 2;
  margin-left: -5vw;
  margin-bottom: 2vw;
  padding: 0vw;
  column-gap: 0vw;
}
#three-column-text-block{
  column-count: 3;
  margin-left: 0vw;
  margin-bottom: 1vw;
  padding: 0vw;
  column-gap:0vw;
}

#three-column-text-block-for-digital-sculpture {
  column-count: 3;
  margin-left: 0vw;
  margin-bottom: 1vw;
  padding: 0vw;
  column-gap: 1vw;
  word-break: break-word;
}

b {
  font-weight: 600;
}

.imageclass-for-digital-sculpture {
  width:90vw;
  margin-inline: 5vw;
}

.column5 {
    width: 90vw;
    margin-left: 10vw; 
}

.dragonimageclass {
    width: 90vw;
    margin-left: 5vw;
}

#spiritfarer{
  
  margin-left: 1vw;

  width:98vw;

  margin-right: 1vw;
  margin-bottom: 5vw;

  column-gap: 0px;
}

#animalwell {
  
  margin-left: 1vw;

  width: 98vw;
 
  margin-right: 1vw;
  margin-bottom: 5vw;
  column-gap: 0px;
}

.column6 {
  display:inline-flexbox;
  column-count: 4;
  width: 100vw;
  column-gap: 0vw;
  margin-left: -10vw;
  
}

.rainbowtext {
  width: 24vw;
  text-align: start;
}
 
.rainbowtexttitles {
  width: 90vw;
  margin-left:10vw;
  text-align: start;
}

.rainbowtexttitles2 {
  width: 23vw;
  margin-left:10vw;
  text-align: start;
}

.rainbowtext2 {
  text-align: start;
}

.imageclassgamereviews {
  width: 24vw;
  margin-left: 10vw;
}

.novel-column {
  width: 90vw;
  text-align: left;
  margin-left: 5vw;
}

.novel-text {
  font-size: 1.25rem;
  margin-left: 10vw;
}

.womplinkstyling {
  margin-left: 10vw;
}

@media (1px <= width <= 500px) {
  body {
    width:80vw;
  }
  
  .column3 {
    column-count: 1;
  }

  .imageclass {
    width: 100vw;
  }

  .dragonimageclass {
    width: 80vw;
    margin-left: -5vw;
  }

  .dragonimageclass2 {
    width: 70vw;
    margin-left: -15vw;
  }

  .capybaraimageclass {
    width: 90vw;
    margin-left: -5vw;
  }

  .imageclass-for-digital-sculpture {
    margin-left: 5vw;
  }

  .imageclassforvideo {
    width: 100vw;
    margin-left: 0vw;
  } 
 


#one-column-text-block{
  column-count: 1;
  width: 90vw;
  margin-left: 0vw;
  margin-bottom: 2vw;
  padding: 0vw;
  column-gap:0vw;
  word-break: break-word;
}
#two-column-text-block{
  column-count: 1;
  width: 90vw;
  margin-left: 0vw;
  margin-bottom: 2vw;
  padding: 0vw;
  column-gap:0vw;
  word-break: break-word;
}
#three-column-text-block{
  column-count: 1;
  width:80vw;
  margin-left: 5vw; 
  margin-bottom: 2vw;
  padding: 0vw;
  column-gap:0vw;
  word-break: break-word;
}


 .about-text-one-column {
  
  border: 1px solid blue;
  padding: 1.25vw;
  margin-bottom: 5vw;
  width: 70vw;
  text-align: start;
  margin-left: 5vw;
}
  
.about-text-two-column {
  align-items: center;
  justify-items: center;
  border: 1px solid blue;
  color: blue;
  padding: 1.25vw;
  margin-bottom: 5vw;
  width: 70vw;
  text-align: start;
  margin-left: 0vw;
}

.about-text-three-column {
  align-items: center;
  justify-items: center;
  border: 1px solid blue;
  padding: 1.25vw;
  margin-bottom: 5vw;
  width: 50vw;
  text-align: start;
  font-size: 0.95rem;
  margin-left: 5vw;
  word-break: break-word;
  
}

.about-text-two-column-bright-red {
  align-items: center;
  justify-items: center;
  border: 1px solid red;
  color: red;
  padding: 1.25vw;
  margin-bottom: 5vw;
  width: 70vw;
  text-align: start;
  margin-left: 5vw;
}

.about-text-three-column-bright-red {
  
  color: red;
  border: 1px solid red;
  padding: 1.25vw;
  width: 70vw;
  text-align: start;
  font-size: 0.95rem;
  margin-left: 7vw;
}

#spiritfarer{
  
  margin-left: 1vw;

  width:98vw;

  margin-right: 1vw;
  margin-bottom: 5vw;

  column-gap: 0px;
}

#animalwell {
  
  margin-left: 1vw;

  width: 98vw;
 
  margin-right: 1vw;
  margin-bottom: 5vw;
  column-gap: 0px;
}

.column6 {
  display:inline-flexbox;
  column-count: 1;
  width: 99vw;
  column-gap: 0vw;
  margin-left: -10vw;
  
}

.rainbowtext {
  width: 92.5vw;
  margin-left:12.5vw;
  text-align: start;
}

.rainbowtexttitles {
  width: 90vw;
  margin-left:12.5vw;
  text-align: start;
}

.imageclassgamereviews {
  width: 90vw;
  margin-left: 12.5vw;
}

.rainbowtext2 {
  width: 90vw;
  margin-left:2.5vw;
  text-align: start;
}


}