.box {
    border: 3px solid;
    height: 300px;
    width: 300px;
    position: fixed;
}

#box1 {
    background-color: rgb(12, 66, 12);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

#box2 {
    background-color: rgb(197, 171, 21);
    left: 15%;
    top: 25%;
    transform: translate(-50%, -50%) rotate(-13deg);
}