.

header{
margin: 15px;
background-color: #c0be4d;
box-sizing: content-box;
height: var(--header-height);
box-sizing: border-box;
display: grid;
align-items: center;
justify-content: center;
top: 5px;
width: 1355px;
margin:-14px;
padding:0px;
box-shadow:10px 10px 10px #f5edce;

.texthr{
text-align: center;
word-spacing: 15px;
color: #000;
text-transform: capitalize;
border:solid 10px #720f0f;
box-shadow: 0px 0px 10px 10px #f5edce;

}
.texthr :hover{
background-color: #4c00ff;
flex-wrap: wrap;
text-transform: capitalize;

body.gradient{
background-image: repeating-linear-gradient(#010029, #120329);
height: 800px;

}
.text{
font-family: "Bungee Spice", sans-serif;
font-weight: 400;
font-size: large;
font-variant: normal;
 color: #00ff9d;
text-shadow: 1px 1px 2px #3cff00 ;
text-decoration: underline;
text-transform: capitalize;
justify-content: center;
text-align: center

}
.pr{
font-family: "Bungee Spice", sans-serif;
font-weight: 400;
font-size: large;
flex-wrap: wrap;
color: #f5edce;
text-transform: capitalize;
justify-content: center;
}
.pr1{
color: #f5edce;
font-weight: 400;
font-size: small;
white-space: pre ;
text-transform: lowercase;
font-size: unset;
justify-content: center;
text-transform: capitalize;

}
.pr2{
color: #f5edce;
font-weight: 400;
font-size: unset;
white-space: pre;
justify-content: center;
text-transform: capitalize;

}
.pr3{
color: #f5edce;
font-weight: 400;
font-size: small;
white-space: pre ;
text-transform: lowercase;
font-size: unset;
 justify-content: center;
text-transform: capitalize;

}
.pr4{
color: #f5edce;
font-weight: 400;
font-size: small;
white-space: pre ;
text-transform: lowercase;
font-size: unset;
justify-content: center;
text-transform: capitalize;

}
.pr5{
color: #f5edce;
font-weight: 400;
font-size: small;
white-space: pre ;
text-transform: lowercase;
font-size: unset;
text-transform: capitalize;