body {
    background-color: #1d1e15;
    background-image: url("images/hd-space-wallpapers-4305-4355-hd-wallpapers.jpg");
    background-position: top;
    /* margin-left: 4%; */
    padding-top: 300px;
    /* transform:translate(0,400px); */
    overflow-y: scroll;
    overflow-x: hidden;
}

.mycard4 {
    padding: 3%;
    font-size: 110%;
    /* padding-left: 3%;
			padding-right: 3%;
			padding-bottom: : 3%; */
    /* background: rgba(0, 0, 0, 0.33); */
    /* background:rgba(58, 10, 203, 0.84); */
}

.noiceFont {
    font-family: cursive;
    font-weight: 400;
    font-size: 560%;
}

.purp {
    z-index: -10;
    color: rgb(138, 25, 166);
    text-align: center;
    font-weight: bold;
    font-family: courier;
    font-size: 10vw;
}

.orange {
    color: rgb(207, 137, 19)
}

.noiceFont3 {
    font-family: serif;
    font-weight: 400;
    font-size: 300%;
}

.noiceFont4 {
    font-family: serif;
    font-weight: 400;
    font-weight: bold;
    font-size: 160%;
}
/* .cardGood{
    background-image: linear-gradient(-90deg, hsla(337, 98%, 49%, 0.767),#37d0e1);
} */
.awayFrom{
    /* max-width: 18rem; */
    /* style="padding:30px" */
    z-index: 1000;
    padding-top: 4%;
    padding-bottom: 4%;
    padding-left: 4%;
    padding-right: 4%;
    /* transition:transform 900ms ease-in-out; */
}
.awayfrom:hover{
    /* transform: scale(1.3, 1.3); */
}
/* .awayFrom:hover{
    transform:scale(1.3,1.3);
} */
.cardGood{
    z-index: 10000;
    transition:transform 300ms ease-in-out;
}
.cardGood:hover {
    transform: scale(1.1, 1.1);
}

.myButton {
    /* .btn-success; */
    /* padding-left: 30px;
			padding-top: 30px;
			padding-bottom: 30px;
			padding-right: 30px; */
}

.tp {
    /* background-color:rgba(232, 9, 9, 0.96); */
    background: rgba(255, 255, 255, 0);
}

.transluscent {

}

#info {
    font-size: 180%;
}

.goButton {
	/* radius:10px; */
    /* font-size:  130%; */
    /* font-weight: bold; */
}
.grad1{
    background: rgb(0, 241, 234);
    background: linear-gradient(36deg, rgb(0, 238, 255) 1%, rgba(186, 66, 222, 1) 84%);
}
.grad2 {
   background: rgb(243, 199, 0);
   background: linear-gradient(225deg, rgba(243, 199, 0, 1) 0%, rgba(218, 83, 83, 1) 72%);
}
.grad3 {
   background: rgb(243, 199, 0);
   background: linear-gradient(225deg, rgba(243, 199, 0, 1) 0%, rgba(180, 83, 218, 1) 72%);
}
.grad4 {
   background: rgb(0, 148, 243);
   background: linear-gradient(225deg, rgba(0, 148, 243, 1) 0%, rgba(117, 218, 83, 1) 73%);
}
.grad5 {
   background: rgb(0, 243, 220);
   background: linear-gradient(225deg, rgba(0, 243, 220, 1) 0%, rgba(114, 83, 218, 1) 73%);
}
.grad6{
    background: rgb(30, 177, 0);
    background: linear-gradient(225deg, rgba(30, 177, 0, 1) 0%, rgba(230, 237, 60, 1) 73%);
}
.grad7{
    background: rgb(0, 33, 177);
    background: linear-gradient(270deg, rgba(0, 33, 177, 1) 0%, rgba(237, 107, 60, 1) 73%);
}
.grad8{
    background: rgb(0, 177, 172);
    background: linear-gradient(315deg, rgba(0, 177, 172, 1) 16%, rgba(237, 184, 60, 1) 73%);
}
.grad9{
    background: rgb(177, 0, 146);
    background: linear-gradient(315deg, rgba(177, 0, 146, 1) 16%, rgba(255, 188, 1, 1) 73%);
}
.grad10{
    background: rgb(0, 177, 175);
    background: linear-gradient(315deg, rgba(0, 177, 175, 1) 16%, rgba(1, 255, 137, 1) 73%);
}
.grad11{
    background: rgb(212, 12, 12);
    background: linear-gradient(135deg, rgba(212, 12, 12, 1) 16%, rgba(186, 35, 219, 1) 80%);
}
.grad12 {
   background: rgb(11, 194, 224);
   background: linear-gradient(31deg, rgba(11, 194, 224, 1) 16%, rgba(219, 35, 159, 1) 80%);
}
.grad13{
    background: rgb(212, 12, 12);
    background: linear-gradient(169deg, rgba(212, 12, 12, 1) 16%, rgba(219, 35, 159, 1) 80%);
}