@import url("base.css");

  * {
  border: none;
}

html {
  overflow: hidden;
}

body {
  background-color: var(--bg);
  padding: 1% 2% 0 2%;
  text-align: justify;
  text-justify: inter-word;
  }

/* image link */
a img {
  transition: 0.2s;
  margin: 0.2%;
}

a img:hover {
  transform: scale(1.05);
}

/* 88x31 button exceptions */
.button div {
  transition: 0.2s;
}
.button div:hover {
  transform: scale(1.05);
}

.button a img {
  transition: 0;
  margin: 0;
}

.button a img:hover {
transform: scale(1)
}

/*large image exception */
.large img {
margin: 1.2%;
}

.large img a:hover {
  transform:scale(1.02)
}


@media only screen and (max-width: 580px) {

/* fixes misalignment */
.large img {
margin-left: 0;
}
}