.sec {
    height: 800px;
    border: 1px solid black;
}

.switcher {
    display: block;
    margin: 30px auto;
}

#myBtn {
    background-color: none;
    border: none;
}
@import url(https://fonts.googleapis.com/css?family=Nunito:400,700,300);
 /* {
    margin: 0;
    padding: 0;
} */
 span,
 h1,
 h2 {
    margin: 0;
}

 .easytransitions_transition div {
    width: 200px;
    height: 200px;
    background: var(--transparent-color);
    position: absolute;
    transform: scale(0);
    z-index: 1;
}

 .easytransitions_transition .split_diamond {
    -webkit-animation: diamond 1.2s;
    animation: diamond 1.2s;
    transform: scale(0) rotate(45deg);
}
 .easytransitions_transition .split_horizontal,
 .easytransitions_transition .wipe_top,
 .easytransitions_transition .wipe_bottom {
    transform: scaleY(0);
}
 .easytransitions_transition .split_vertical,
 .easytransitions_transition .wipe_left,
 .easytransitions_transition .wipe_right {
    transform: scaleX(0);
}
 .easytransitions_transition__part-1 {
    left: -100px;
    top: -100px;
}
 .easytransitions_transition__part-1.split_diagonal_alt,
 .easytransitions_transition__part-1.split_vertical,
 .easytransitions_transition__part-1.split_horizontal {
    display: none;
}
 .easytransitions_transition__part-2 {
    bottom: -100px;
    left: -100px;
}
 .easytransitions_transition__part-2.split_diagonal,
 .easytransitions_transition__part-2.split_vertical,
 .easytransitions_transition__part-2.split_horizontal {
    display: none;
}
 .easytransitions_transition__part-3 {
    top: -100px;
    right: -100px;
}
 .easytransitions_transition__part-3.split_diagonal,
 .easytransitions_transition__part-3.split_vertical,
 .easytransitions_transition__part-3.split_horizontal {
    display: none;
}
 .easytransitions_transition__part-4 {
    bottom: -100px;
    right: -100px;
}
@-webkit-keyframes diamond {
    0% {
        transform: rotate(45deg) scale(0);
    }
    50% {
        transform: rotate(45deg) scale(10);
    }
    100% {
        transform: rotate(45deg) scale(0);
    }
}
@keyframes diamond {
    0% {
        transform: rotate(45deg) scale(0);
    }
    50% {
        transform: rotate(45deg) scale(10);
    }
    100% {
        transform: rotate(45deg) scale(0);
    }
}
 .easytransitions .active_slide {
    display: block;
}
 .easytransitions  {
    min-height: 100vh;
    display: none;
}
 .easytransitions  .center {
    position: absolute;
    left: 0;
    margin: auto;
    width: 600px;
    font-family: "nunito";
    right: 0;
    text-align: center;
    color: var(--transparent-color);
    top: 50%;
    transform: translateY(-50%);
}
/* .easytransitions :nth-of-type(1) {
    background-image: radial-gradient(
        var(--background-color) 2px,
        var(--transparent-color) 2px
    );
}*/
 .easytransitions :nth-of-type(2) {
    background: #8ac5c3;
}

 /* {
    overflow-x: hidden;
} */