.home a {
    border-bottom: 1px solid white;
}

canvas {
    width: 100%;
    z-index: -1;
}

#canvasDiv {
    position: relative;
    overflow: hidden;
}

.canvasDiv div {
    position: absolute;
    z-index: 1;
    width: 25%;
    height: 20%;
    border-radius: 15px;
    /*border: 5px solid rgb(0, 0, 0);
    box-shadow: 8px 8px 5px rgba(0, 0, 0, 0.75),
                4px 4px 5px rgba(0, 0, 0, 0.75);*/
}

.wideBanner {
    position: relative;
    z-index: 0;
    background-color: rgb(21, 21, 21);
    width: 100%;
    height: 10%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.wideBanner div {
    width: 15%;
    height: 65%;
    border-block: 3px rgb(79, 79, 79) dotted;
}

.wideBanner2 {
    z-index: 0;
    background-color: rgb(82, 82, 82);
    width: 100%;
    height: 105%;
    box-shadow: 0px -10px 5px rgba(0, 0, 0, 0.75);
}

#name {
    top: 20svh;
    left: 2%;
    position: absolute;
    z-index: 1;
}

#name h2 {
    color: rgb(255, 255, 255);
    text-shadow: 5px 5px rgb(240, 240, 240), 
                10px 10px rgb(225, 225, 225),
                10px 10px 10px black;
    line-height: 0.9;
    font-size: 10vw;
    margin: 0;
}

#name p {
    color: rgb(255, 255, 255);
    text-shadow: 0px 0px 10px black;
    line-height: 0.9;
    font-size: 2vw;
    margin-inline: 15%;
    margin-top: 5%;
}

#canvasDiv div h1 {
    margin: 5%;
    font-size: xx-large;
    color: white;
} 

.sloganA {
    background-color: rgb(20, 20, 20);
    box-shadow: 8px 8px 5px rgba(0, 0, 0, 0.75),
                4px 4px 5px rgba(0, 0, 0, 0.75);
    top: 25%;
    left: 15%;
    z-index: 1;
}

.sloganA > div {
    background-color: rgb(30, 30, 30);
}

.sloganA > div > div {
    background-color: rgb(40, 40, 40);
}

#canvasDiv .shadowDiv {
    left: -5px;
    top: -5px;
    width: 100%;
    height: 100%;
}

.sloganB {
    top: 55%;
    left: 60%;
    z-index: 1;
}

.item {
    position: absolute;
    top: 25%;
    left: 34%;
}

.bg {
    z-index: 0;
    position: relative;
}