/* animation: grows and shrinks a little */
@keyframes pulse {
    0% {
        transform: scale(0.95);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.95);
    }
}

html { 
    -webkit-text-size-adjust: none; 
}

body {
  font-family: Georgia;
  margin:0;
  padding:0;
  background-image:url('img/stars.gif');
}

/*standard stamps*/
.flex{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  width:100%;
  gap:1px;
}

.flex img{
  object-fit:cover;
}

/*all-purpose textboxes*/
.box, .halfbox{
  border:1px black;
  padding:0 20px;
  margin:10px 0;
  border-style: solid;
}

/*bounding for the entire website*/
.page{
  margin: 0 auto;
  width:900px;
  left: 0;
  right: 0;
  text-align:center;
  position:fixed;
}

/*bounding for the header images*/
.header{
  border:2px white;
  border-style: dotted dotted none dotted;
}

.header img{
  width:calc(100% / 3);
  object-fit:cover;
  margin:0;
}

/*the flexbox for containing all the columns*/
.content{
  display:flex;
}

/*different automatic sizes of columns*/
.main{
  width: 50%;
}

.sidesmall{
  width: 20%;
}

.sidemedium{
  width:30%;
}