html, 
 
body {
  min-height:100%;
   height: fit-content;
 
	background-image: linear-gradient( rgba(18,24, 27, 31), rgba(26,32, 43, 1));text-align:center;
}
@font-face {
    font-family: 'Geometos Soft'; /*a name to be used later*/
    src: url('GeometosSoft-Bold.ttf'); /*URL to font*/
}
  @font-face {
font-family: Alexandria Bold;
src: url("Alexandria-Bold.ttf");
}
  @font-face {
font-family: Janna LT;
src: url("jannabold.ttf");
}
p.customfont { 
font-family: 'Geometos Soft', sans-serif;
color:white;

}

div.customfont { 
font-family: 'Geometos Soft', sans-serif;
color:white;

}


p.firefont { 
font-family: 'Geometos Soft', sans-serif;
color:white;
	background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from: #f97316;--tw-gradient-to: rgb(249 115 22 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #eab308;background-clip:text;color:#0000;-webkit-background-clip:text
}

p.onfire {
    font-family: 'Geometos Soft', sans-serif;
    color: white;
    text-shadow: 1px 0px 0px #f97316, 2px 0px 0px #eab308;
    background-image: linear-gradient(to top,var(--tw-gradient-stops));
    background-clip: text;
    -webkit-background-clip: text;
}
/* Modify the background color */
.navbar-custom {
	background-color:  rgba(26,32, 43, 31));
 background-image: linear-gradient( rgba(18,24, 27, 0), rgba(18,24, 43, 0));
}

@media (min-width: 992px){
    .navbar li:not(#logo) {
        margin-left : 1em;
        margin-right : 1em;
		 
    }
}


@media (min-width:200px){
    .navbar a {
	background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from: #f97316;--tw-gradient-to: rgb(249 115 22 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #eab308;background-clip:text;color:#0000;-webkit-background-clip:text;
	font-family: 'Geometos Soft', sans-serif;
		 
    }
}

div.wrapitup{
	  height:100%;
  min-height:100%;
 
     min-width:100%;
   width: 100%;
	
}

@keyframes fire {
    0% {
        text-shadow: 1px 0px 0px #f97316, 2px 0px 0px #eab308;
    }
    25% {
        text-shadow: 2px 0px 0px #f97316, 3px 0px 0px #eab308;
    }
    50% {
        text-shadow: 3px 0px 0px #f97316, 4px 0px 0px #eab308;
    }
    75% {
        text-shadow: 2px 0px 0px #f97316, 3px 0px 0px #eab308;
    }
    100% {
        text-shadow: 1px 0px 0px #f97316, 2px 0px 0px #eab308;
    }
}

p.mutexfire {
	background-color:  rgba(26,32, 43, 31));
 background-image: linear-gradient( rgba(18,24, 27, 0), rgba(18,24, 43, 0));
}


.onfire {
    animation: fire 1s infinite !important;
    font-family: 'Geometos Soft', sans-serif !important;
    color: white !important;
    background-image: linear-gradient(to top,var(--tw-gradient-stops)) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
}

p.arabiconfire{
	
	font-family:Alexandria Bold;
	background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from: #f97316;--tw-gradient-to: rgb(249 115 22 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #eab308;background-clip:text;color:#0000;-webkit-background-clip:text;
	font-family: 'Alexandria Bold', sans-serif;

}


   div.arabicregular {
font-family:Janna LT, san-serif;


}




  @font-face {
font-family: Alexandria Bold;
src: url("Alexandria-Bold.ttf");
}
p.arabiconfire{
	
	font-family:Alexandria Bold;
	background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from: #f97316;--tw-gradient-to: rgb(249 115 22 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #eab308;background-clip:text;color:#0000;-webkit-background-clip:text;
	font-family: 'Alexandria Bold', sans-serif;

}
   div.arabicregular {
font-family: Janna LT;
font-size:12px;
color:white;
}
   p.arabicregular {
font-family: Janna LT;
font-size:12px;
color:white;
}
  @font-face {
font-family: Janna LT;
src: url("jannabold.ttf");
}