Untitled

@font-face {
	font-family: 'CyberwarRegular-7BX0E';
	src: url('../resources/CyberwarRegular-7BX0E.ttf');
  }

body{
        background-color:#01012b;
        background-image:url(../resources/images/Primera_Textura_Index_Empower.png);
        position: absolute;
    }

.container1{

    display: flex;
    justify-content: space-between;
    margin: 250px;
}

.h1{
    color: #d1f7ff;
	font-family: 'Orbitron';
	font-size: 5em;
	left: 0px;
	top: 444px;
    transform: rotate(270deg) translateY(-400%);;
}

.h2{
    color: #d1f7ff;
	font-family: 'Oswald',sans-serif;
	left: 200px;
	top: 20px; 
    font-size: 1em;
}


.card-title{
    font-family: 'Orbitron', sans-serif;
      font-size: 1.3em;
      text-align: center;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: #d1f7ff;
}

.card-subtitle{
    color: #d1f7ff;
	font-family: 'Oswald',sans-serif;
    font-size: 1em;
}

.card-text{
    color: #d1f7ff;
	font-family: 'Quicksand',sans-serif;
    font-size: 1em;
	left: 200px;
	top: 70px;
}

.parciales{
	font-family: 'Quicksand',sans-serif;

}

.card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.card{
    border-radius: 20px;
	border: none;
	margin-bottom: 20px;
    background-color: #ff2a6d;
    margin-right: 10px;
    margin-left: 10px;
    padding: 20px; 
    width: calc(25% - 10px);;
    box-sizing: border-box;
    
}

  .card:hover{
	-webkit-box-shadow: 0px 22px 13px -15px rgba(48,12,13,0.6); 
	box-shadow: 0px 22px 13px -15px rgba(48,12,13,0.6);
	transition: 1s;
}

.centrarTexto{
	text-align: center;
}

.my-button{
    background-color: #05d9e8;
    color: #d1f7ff;
    font-family: 'Orbitron';
    font-size: 18px;
    font-weight: 800;
    font-style: normal;
    text-decoration: none;
    padding: 14px 15px;
    border: 0px solid #000;
    border-radius: 10px;
    display: inline-block;
    box-shadow: 7px 7px 14px -5px #2D2D2D;
   }

   .my-button:hover{
    background-color: #05d9e8;
   }

   .my-button:active{
    transform: scale(0.95);
   }