/*Things specific to About page*/

/*button marquee*/
.marquee {
  height: 31px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.marquee div {
  display: flex;
  width: 2464px;
  height: 30px;

  position: absolute;
  overflow-x: hidden;

  animation: marquee 45s linear infinite;
}

@keyframes marquee {
   from {transform: translateX(0%);}
   to {transform: translateX(-1232px);}
}



/*fields of mistria*/

.fom-box{
	border-image-slice: 44 43 43 138 fill;
	border-image-width: 44px 43px 43px 138px;
	border-image-outset: 0px 0px 0px 0px;
	border-image-repeat: stretch stretch;
	border-style: solid; 
    border-image-source: url(../about/fom-bubble.png);
}

.fields{
    font-family: 'pixel', sans-serif; 
    color:var(--light);
    font-size: 0.60rem;
    line-height: 1rem;
	letter-spacing: 0.55px;
    margin-top:40px;
    margin-left:10px;
	margin-bottom:15px;
}