body {
  font-family: "Atkinson Hyperlegible", Arial, Helvetica, sans-serif;
}

.main-screen {
  height: 600px;
  width: 1350px;
  display: flex;
  background-color: aqua;
  border: 0.5rem;
  border-style: solid;
  border-radius: 1%;
  border-color: red;
}

.selector {
  background-color: coral;
  flex: 1;
}

.display {
  flex: 1;
  margin: auto;
  text-align: center;
}

.display img {
  height: 50%;
  width: 50%;
}

.selector-flex {
    display: flex;
    flex-direction: row;
}

.selector-container {
    display: flex;
    flex-direction: column;
}

.selector-icons {
    background-color: green;
    text-align: center;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 5px;
    padding-left: 90px;
    padding-right: 90px;

}

.icon {
    border: 3px;
    color: black;
    border-style: solid;
    width: 50px;
    height: 50px;
}

.icon:hover {
    transform: scale(1.2);
}

.selector-elems {
    background-color: yellow;
    text-align: center;
}

.display {
    display: inline;
}

.test {
    background-color: beige;
    color: red;
    width: 350px;
    height: 532.8px;
    mask-image: url(base.png);
    -webkit-mask-image: url(base.png);
    mask-repeat: no-repeat;
}

.layer {
    position: absolute;
    top: 62px;
    right: 199px;
}

.layer img {
    width: 350px;
}