body {
    background-color: #BFBFBF;
}

.kursScratch {
    margin-top: 5vh;
    margin-bottom:10vh;
    padding-top: 50px;
    padding-left: 10vw;
    padding-right: 10vw;
}

hr {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid black;
}

.headerPic {
    margin: auto;
    width: 80%;
    display: flex;
    justify-content: center;
}

.Logo {
    width: 30vw;
    height: auto;
    object-fit: contain;
    float: center;
}

.Cat {
    width: 10vw;
    height: auto;
    object-fit: contain;
    float: center;
}

table {
    margin: auto;
    width: 70%;
    display: flex;
    justify-content: center;
}

.ScratchBlock {
    width: 10vw;
    height: auto;
    object-fit: contain;
    float: center;
}

#Event {
    transform: rotate(20deg);
}
#Look {
    transform: rotate(10deg);
}
#Control {
    transform: rotate(-20deg);
}
#Motion {
    transform: rotate(30deg);
}
#Sound {
    transform: rotate(-20deg);
}


.Kid {
    
    width: 20vw;
    height: auto;
    object-fit: contain;
    float: center;
}

