@font-face {
 font-family: 'Betatron';
 src: url('path/to/betatron-font.woff2') format('woff2'),
      url('path/to/betatron-font.woff') format('woff');
 /* Add other font formats if necessary (e.g., .ttf, .otf) */
}
{
   margin:0;
   padding:0;
}
body
{
   background-color:black;
}
.marquee
{
    position:absolute;
    position:fixed;
    top:0;
    right:5px;
    letter-spacing:30px;
    font-family: 'Black Ops One', system-ui;
    color:black;
    font-size:20px;
    justify-content:center;
    background:linear-gradient(red,pink,blue);
    width:60px;
    
    writing-mode: vertical-lr;
    
    
}
.marquee:hover
{
    background:linear-gradient(white,green,yellow);
}
.title
{
   display:flex;
   margin-top:50px;
   
}
.logo>img
{
   width:80px;
   
   
}
.title_text>h3
{
  color:white;
  background:black;
  margin-top:12px;
  letter-spacing:15px;
  font-size:20px;
  
  font-family: 'Betatron', sans-serif;

   

}
.title_text
{
   background:black;
   padding-left: 20px;
}
.head
{
   font-family: 'Black Ops One', system-ui;
   line-height:0px;
}
.head:hover
{
   display:none;
}
.head>h1
{
   color:white;
   font: size 350px;
}
.head>h2	
{
   
   color:black;
   font-size:150px;
   letter-spacing:33px;
   text-shadow:1px 1px 0 white,
                -1px -1px 0 white,
                 -1px 1px 0 white,
                 1px -1px 0 white	
                     ;
}
.head2
{
   font-family: 'Black Ops One', system-ui;
   line-height:0px;
   display:none;
}


.head2>h1
{
   
   color:black;
   font-size:300px;
   letter-spacing:33px;
   text-shadow:1px 1px 0 white,
                -1px -1px 0 white,
                 -1px 1px 0 white,
                 1px -1px 0 white;	
}
.head2>h2
{
   color:white; 
   font-size:250px;
}
.main_head:hover
{
    .head
    {
        display:none;
    }
    .head2
    {
         display:inline;
    }
}


.mail
{
    
    display:flex;
    font-family: 'Betatron', sans-serif;
    justify-content:space-between;
    padding-top:50px;
    color:white;
    padding-left:60px;
    padding-right:60px;
}
.flag
{
    width:45%;
    
}
.middle_head
{
    color:white;
    font-family: 'Black Ops One', system-ui;
    letter-spacing:3px;
    text-align:center;
    font-size:30px;
    line-height:20px;
}
.font
{
          color:black;
    text-shadow:1px 1px 0 white,
                -1px -1px 0 white,
                 -1px 1px 0 white,
                 1px -1px 0 white;	
}
.break
{
    font-size:15px;
    color:white;
    text-align:center;
     font-family: 'Betatron', sans-serif;
}
.para
{
     font-family: 'Betatron', sans-serif;
     color:white;
     text-align:center;
     line-height:25px;
}
.template
{
    font-family: 'Black Ops One', system-ui;
    background:GREY;
    font-size:40px;
    padding-top:250px;
    
   
}
.template
animation-name:template;
animation-delay:0;
animation-duration:1;
animation-iteration:10;
animation-timing-function:easein;
@keyframes change
{
    from{
        0%
    }
    to {
        100%
    }
}


.template_child>h1
{
    padding-left:30px;
    
    
}
 .template_child:hover
 {
     background-color:black;
     color:white;
 }
 .template_child>h1:hover
{
          background-color:black;
         
}
.products
{
    display:flex;
    color:white;
    justify-content:space-between;
    text-align:center;
    line-height:30px;
    padding-left:200px;
    padding-right:200px;
    font-family: 'Betatron', sans-serif;
    padding-top:100px;
    padding-bottom:100px;
    font-size:20px;
    
}
.products1:hover
{
    background-color:#d6cbcc;
    opacity:0.5;
    color:black;
    border-radius:20px;
}
.products1>b
{
    font-family: 'Black Ops One', system-ui;
    letter-spacing:1px;
}
footer {
    background-color: #2b2828; /* Change this to white (#ffffff) */
    color: white;
    
    padding: 20px;
    text-align: center;
    font-family: Arial, sans-serif;
}

p {
    margin-bottom: 10px;
}

a {
    text-decoration: none;
    color: #276fbc;
}

footer:hover {
    color:pink;
}