*{
    padding: 0;
    margin: 0;
}

.bg-green{
    color: #ffffff;
    background-color: rgba(56, 48, 163, 0.681);
    transition: transform 5.1s all;
    -webkit-transition: transform 5.1s all;
    -moz-transition: transform 5.1s all;
    -ms-transition: transform 5.1s all;
    -o-transition: transform 5.1s all;
}

.bg-green:hover{
    background-color: rgba(43, 40, 115, 0.681);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.zoom{
    transition: transfrom 2.1 all;
    -webkit-transition: transfrom 2.1 all;
    -moz-transition: transfrom 2.1 all;
    -ms-transition: transfrom 2.1 all;
    -o-transition: transfrom 2.1 all;
}

.zoom:hover{
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
}

.zoom-1{
    transition: transfrom 2.1ms all;
    -webkit-transition: transfrom 2.1ms all;
    -moz-transition: transfrom 2.1ms all;
    -ms-transition: transfrom 2.1ms all;
    -o-transition: transfrom 2.1ms all;
}

.zoom-1:hover{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.bg-imges{
    left: 0;
    right: 0;
    z-index: 1;
    display: block;
}

.bg-sportify{
    color: #ffffff;
    background-color: #1DB954;
}

.b-sportify{
    color: #1DB954;
}

.bg-sportify:hover{
    background-color: #147d38;
}

.bg-discord{
    color: #ffffff;
    background-color: #7289da;
}

.b-discord{
    color: #7289da;
}

.bg-discord:hover{
    background-color: #4c5c97;
}

.b-youtube{
    color: #ffffff;
    background-color: #FF0000;
}

.bg-youtube:hover{
    background-color: #ce0707;
}


#reslout{
    text-align: center;
  }
  #type {
    background-color: rgb(10, 6, 66);
    color: white;
    display: none;
  }