body {
    background-repeat: repeat;
    background-image: url("img/macos9_bg.jpg");
    margin: auto;
}

p {
}

.maincontainer {
    border-style: groove;
    border-width: 2px;
    margin: 50px;
}

@media screen and (min-width: 1200px) {
    .maincontainer {
            width:1112px;
    }
}

.border {
  border: 6px solid black;
  outline: 2px solid white;
  outline-offset: -4px;
}

.p {
    padding: 6px;
}

.box-header {
    align-self: top;
    background-color: white;
    width: 100%;
    padding: 0px 0px 0px 6px;
    border-bottom: 1px solid black;
    font-weight: bold;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.gap {
    gap:6px;
}