:root {
    --border-size: 4;
}

#project-link {
    background-color: white;
    width: 500px;
    height: 500px;
}

#maximise-button {
    vertical-align: top;
}

.size-button > img {
    width: 100%;
    height: 100%;
}

.size-button {
    width: 50px;
    height: 50px;
    background-color: transparent;
    border: var(--border-size)px solid transparent;
    box-sizing: border-box;
}

.size-button:hover {
    border: var(--border-size)px solid var(--main-color);
}

.maximised-project-frame {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw !important;
    height: 100vh !important;
}

#minimise-button {
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 60%;
}

.hide-minimise-button {
    display: none;
}