.right_block{
    background-color: #c9c9cb;
    width: 45%;
    height: 120px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;

    transform: translate(120%, 0px);
    opacity: 0;
    transition: all 0.8s ease 0.3s;
}

.right_block._active{
    transform: translate(0px, 0px);
    opacity: 1;
}

.left_block{
    background-color: #2C2C2C;
    width: 40%;
    height: 120px;
    position: absolute;
    top: 70px;
    left: 0;
    z-index: -1;

    transform: translate(-120%, 0px);
    opacity: 0;
    transition: all 0.8s ease 0.3s;
}

.left_block._active{
    transform: translate(0px, 0px);
    opacity: 1;
}

.buttom_left_block{
    background-color: #B8EAED;
    width: 30%;
    height: 150px;
    position: absolute;
    top: 350px;
    left: 0;
    z-index: -1;

    transform: translate(-120%, 0px);
    opacity: 0;
    transition: all 0.8s ease 0.3s;
}

.buttom_left_block._active{
    transform: translate(0px, 0px);
    opacity: 1;
}

.buttom_right_block{
    background-color: #636363;
    width: 40%;
    height: 150px;
    position: absolute;
    top: 400px;
    right: 0;
    z-index: -1;

    transform: translate(120%, 0px);
    opacity: 0;
    transition: all 0.8s ease 0.3s;
}

.buttom_right_block._active{
    transform: translate(0px, 0px);
    opacity: 1;
}

.right_container {
    position: fixed;
    z-index: 100;
    top: 22vh;
    right: 0;
}

.right_item {
    background-color: #73c6c7;
    opacity: 80%;
    margin: 5px 0 5px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}

.right_item a {
    font-family: "CenturyGothic GGG";
    color: #ffffff;
    font-size: 18px;
    text-decoration: none;
}

.right_btn_container {
    position: fixed;
    z-index: 100;
    top: 50vh;
    right: 0;
}

.right_btn_item {
    background-color: #7AD5DB;
    opacity: 80%;
    margin: 0 0 5px 0;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.right_btn_item a {
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
}

.right_btn_item a:hover {
    color: #000000;
}

.right_btn_item svg{
    fill: #ffffff;
}

.right_btn_item svg:hover{
    fill: #000000;
}

.social_left_container {
    position: fixed;
    z-index: 100;
    top: 50vh;
    left: 0;
}

.left_item{
    background-color: #73c6c7;
    opacity: 80%;
    margin: 5px 5px 5px 0;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.left_item a{
    color: #ffffff;
    font-weight: 700;
    font-size: 20px;
    text-decoration: none;
}

.left_item a:hover{
    color: #000000;
}