.center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}
/* body {
    height: 100%; */
        /* background-color: red; */
        /* background-image: linear-gradient(green, blue, red); */
        /* background-image: linear-gradient(to top right, green,blue,red);
    } */
    /* #grad1 {
        height: 100%; */
        /* background-color: red; */
        /* background-image: linear-gradient(green, blue, red); */
        /* background-image: linear-gradient(to top right, green,blue,red); */
      /* } */