*{
    margin:0;
    padding:0;
}

@font-face {
    font-family: "star-wars";
    src: url(../fonts/starjout/Starjhol.ttf) format('truetype');
}

body{
   background:linear-gradient(to right ,rgba(0,0,0,1), rgba(66, 10, 71, 0.8),rgba(0,0,0,1) ),url(../img/bg1.png);
   width: 100vw;
   height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
}

.box{
    background: rgba(16, 0, 17, 0.6);
    border-radius: 30px;
    box-shadow: 0px 0px 30px 30px rgba(75, 74, 68, 0.8);
    width: 20em;
    height: 20em;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 2em;
}
.text{
    font-family: "star-wars";
    color:white;
    font-size: 2.1em;
    font-weight: 400;
    text-shadow: 0px 3px 5px rgb(255, 230, 8);
    text-align: center;
}

 .text1{
    font-family: "star-wars";
    color:transparent;
    font-size: 2.1em;
    font-weight: 400;
    text-shadow: 0px 1.8px 3px rgb(255, 230, 8);
    text-align: center;
    line-height:0.5em;
    margin-bottom: 0;
    transform: scaleY(-1);
}

.img{
   width: 9em;
}

.credits{
   text-align: center;
   padding:0 0.1000em;
   color: aliceblue;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.credits span{
   font-style: italic;  
   font-size: 1.17em;
   width: 20em;
}
.credits strong{
   font-weight: 900;
   font-style: normal;
   
}