body{
    min-height: 86dvh;
    display: grid;
    align-items: center;
    padding: 2%;
    justify-content: center;
    background-image: url(https://el-wii-remote.neocities.org/Photos/HNs-BWyXMAAaxHg.jpeg);
    background-size: 116%, 102%;
}

#scale-root {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    zoom: var(--scale);
}

@font-face {
    font-family: BalsamiqSans;
    src: url(https://dl.dropboxusercontent.com/scl/fi/hrop2pomwi16yz1p3c2ej/BalsamiqSans-Regular.ttf?rlkey=75nkz8n2bthpuiyms0avvepo5&dl=0);
}

.grid-container{
    display: grid;
    grid-template-columns: 335px 858px 200px;
    grid-template-rows: 249px 803px 80px;
    gap: 2em;
    opacity: 0.5;
    object-fit: contain;
    grid-template-areas:
        "box-2 box-1 box-5"
        "box-3 box-1 box-5 "
        "box-3 box-6 box-6 "
}

.fontser{
    font-family: BalsamiqSans;
    font-size: 25px;
    color: #000000;
    text-align: left;
    padding: 15px;
    background-color: rgb(155, 155, 155);
}

.mikupic{
    position: absolute;
}