* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    position: static;
    width: 100%;
}

textarea {
    resize: none
}

@import url('https://fonts.googleapis.com/css2?family=PT+Mono&family=Rubik+Puddles&family=Russo+One&family=Sigmar&display=swap');


@font-face {
    font-family: DeathMetal;
    src: url(DeathtoMetal.ttf);
}

@font-face {
    font-family: Monsterfont;
    src: url(Melted\ Monster.ttf);
}

@font-face {
    font-family: Banze;
    src: url(Grunge.ttf);
}

.mol {
    font-family: Banze;
    font-size: 25px color: #ffffff;

}

.meh {}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;


    margin: 2px;
    padding: 20px 16px;
    float: left;
    box-sizing: border-box;
}

nav {




    justify-content: space-between;



    min-width: 100%;

    margin-bottom: 8%;
    margin-top: 0;

}



nav ul {
    border: 10px solid #ffffff;
    color: white;
    justify-content: space-evenly;






}

ul li {
    color: white;
    justify-content: space-between;
    align-items: center;

    list-style-type: none;



    background-color: black;


}


nav img {
    width: 25%;
}

ul li a {

    font-size: 70px;
    color: white;

}


.nav li:hover {
    transition: all 0.5s ease-in;
    background-color: #7458c1;
}

body {
    margin: 0;
    padding: 0;

}

p {
    font-family: 'PT Mono', monospace;


}

body {
    font-family: 'PT Mono', monospace;


    min-width: 100%;
}

h1 {
    font-family: 'PT Mono', monospace;

    min-width: 100%;

}







h1 {
    color: #ffffff;
}

p {
    color: #ffffff;
}



.zone1,
.zone2 {}

.banner {

    background-size: cover;
    background-position: center;
    background-attachment: fixed;


}

.banner-img {}

.what {
    position: absolute;
    margin-top: -20px;

}



.border {
    position: absolute;
}

.infoblock {
border-width: 20px;
    border-color: snow;
    border-top-style: solid;
    position: static;
    width: 100%;
    container-type: inline-size;
    margin-bottom: 20px;
   padding: 5%;
margin-top: 100px;
    background-size: 30px;


}

.infoblock img {
    
    text-align: center;
    position: center;
    width: 55%;
    height: 120;
}

.etsy {
    position: static;
    width: 50%;
}
.etsy img {
    text-align: center;
        position: center;
}

.shopsoon {
    margin-top: 20px;
    text-align: center;
    margin-left: 95%;
    margin-bottom: 20px;
}

.homedoor {
    
    width: 85%;
    height: 120%;
    text-align: center;
    margin-left: 23%;
    background-color: black;

}


.trinity {
    border-width: 20px;
    border-color: snow;
    border-top-style: solid;
    border-bottom-style: solid;
    margin: auto;
    text-align: center;
    overflow: auto;
    min-width: 100%;
    align-items: column;
    align-items: center;
    padding: 60px;

}


.center {
    width: 70%;
}

.gallery3 {
    margin: 5px;
    float: left;
    width: auto;
    margin-right: 3%;
    margin-left: 7%;

}

.gallery3 img {
    width: 140%;
    height: auto;

}

a {
    target-name: new;
    target-new: tab;
}

.contacts {
margin: auto;
    text-align: center;
    overflow: auto;
    min-width: 100%;
    align-items: column;
    align-items: right;
    padding: 5px;
}

.linky {
    margin: 1px;
        float: right;
        width: auto;
      
}

.linky img {
    width: 100%;
}

.btext {
    color: snow;
    font-size: 1.5cm;
    text-align: center;
    padding: 10px;
    font-family: Banze;
    margin-left: 12%;
}


.snail {
    float: right;
    margin: auto;
        text-align: center;
    width: 30%;
align-items: right;}







.banner-img {
    width: 50%;
    height: 50px;
}



.banner {}





/* For Tablet View */
@media screen and (min-device-width: 768px)
    and (max-device-width: 1024px) {
    .zone1 {
    margin-left: 2%;
   margin-top: 2%;
    text-align: left;
    font-size: 60px;
   padding-bottom: 10px;
font-family: Banze;


}

.zone2{
    margin-left: 1%;
    font-weight: 500;
text-align: left;
font-size: 13px;
padding: 10px;
width: 70%;
position: static;
margin-bottom: 5px;

}

.zone1, .zone2 { 
   
}

.banner {

background-size: cover;
    background-position: center;
    background-attachment: fixed;
    width: 50%;
    

}

.banner-img {

}

.what {
    position: absolute;
 margin-top: -50px;

}



.border {
    position: absolute;
}


.trinity {
    border-width: 10px;
        border-color: snow;
        border-top-style: solid;
        border-bottom-style: solid;
        margin: auto;
        text-align: center;
        overflow: auto;
    min-width: 100%;
      align-items: column;
        align-items: center;
       
    
}


.center {
    width: 100%;
}

.gallery3 {
    margin: 5px;
  align-items: column;
        align-items: center;
    width: auto;
   margin-right: 7%;
    
}

.gallery3 img {
    width: 100%;
    height: auto;

}

.btext {
    color: snow;
    font-size: 1.5cm;
    text-align: center;
    padding: 10px;
    font-family: Banze;
    margin-left: 12%;
}







.who {
    border-width: 20px;
        border-color: snow;
    position: static;
        border-bottom-style: solid;
        margin: auto;
        font-weight: 200;
            text-align: right;
            font-size: 30px;
            position: absolute;
            padding: 20px;
            overflow: auto;
}

.sunset {
   
    float: left;
    position: static;
  width: 24%;
  border-radius: 5px;
   margin-left: -1%;

}

.whop {
    font-family: 'PT Mono', monospace;
position: static;
font-size: 18px;
margin-right: -5%;
padding: 1%;
}

.whotitle {
    margin-top: -2%;
font-family: Banze;
    font-size: 60px;
    margin-bottom: 1%;
    position: static;
}

.whotext {
    border-block: solid;
    border-color: snow;
   padding: 90px;
    border-left: solid snow;
    border-right: solid snow;
    border-radius: 25px;
    position: static;
font-size: 30px;

}

.cabin {
margin-bottom: -2%;
margin-left: -1%;
position: static;

}

.sum {
    border-width: 20px;
    
        border-color: snow;
    
       border-top-style: solid;
        margin: auto;
        margin-top: 2%;
            overflow: auto;
            
}

.evil {
    margin: auto;
   
}

.sus {
font-size: 80px;
background-color: rgb(71, 71, 247);
    font-family: Monsterfont;
text-align: center ;
border-block: solid snow 5px;
    border-left: solid snow 5px;
    border-right: solid snow 5px;
border-radius: 25px;
    margin-bottom: 2%;
    padding: 2%;
 
}


.sussy {
    border-radius: 25px;
    color: snow;
font-size: 25px;
border-block: solid snow 5px;
    border-left: solid snow 5px;
    border-right: solid snow 5px;
    text-align: center;
    font-family: 'PT Mono', monospace;
    padding: 5%;
    padding-bottom: 10%;
    font-weight: bold;
    background: url(/imageforwebsite/Splotblockbackground.png);
        background-size: cover;
     position: static;

}
.devil {position: static;}

.sock {
    float: left;
    text-align: left;
    font-size: 20px;
    margin-right: 55%;
}

.stable {
    margin-top: 5%;
    margin-bottom: 5%;
    color: snow;
    
border-spacing: 15px;
    float: right;
    width: 50%;
margin-bottom: 10%;
}

.wall { float: left;
width: 40%;
margin-bottom: 10%;
margin-top: 5%;
position: static;
}

.sup{
    font-size: 40px;
   padding: 10px;
font-family: Monsterfont;
background-color: black;
 border-block: solid snow 5px;
border-left: solid snow 5px;
    border-right: solid snow 5px;
   
        text-align: center;
}



.pus {
    font-size: 25px;
    text-align: center;
    font-family: 'PT Mono', monospace;
    margin-bottom: 10%;
}

footer {
    display: block;
   margin-top: 4%;
border-block: solid snow 5px;
    border-left: solid snow 5px;
    border-right: solid snow 5px;
    padding: 20px;
   
    position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.bad {
    background-size: cover;
        background-position: center;
        background-attachment: fixed;
        width: 100%;
        height: 10%;
}

.note {
    font-size: 50px;
    float: left;
    margin-left: 30px;
   font-family: banze;
}

.email {
    font-size: 50px;
    float: right;
margin-right: -30px;
}

.banner-img{width: 50%;
    height: 50px;
}

}
 
/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
    and (orientation: portrait) {
    .gfg-div {
        width: 200px;
        height: 200px;
        
    }

.infoblock {
border: none;
    position: static;
    width: 100%;
    container-type: inline-size;
    margin-bottom: 20px;
   padding: 5%;
margin-top: 100px;
    background-size: 30px;


}

.infoblock img {
    
    text-align: center;
    position: center;
    width: 65%;
    height: 120;
}

.etsy {
    position: static;
    width: 95%;
}
.etsy img {
    text-align: center;
        position: center;
}

.contacts {

   display: table;
   
   

}



.linky {
  
        float: left;
     margin-bottom: 13px;
       width: 32%;
}

.linky img {
    width: 100%;
    text-align: center;
   display: inline-block;
    
}

.snail {
  
    float: right;
    margin: auto;
        text-align: center;
    width: 50%;
align-items: right;
margin-right: 5%;
}

.shopsoon {
    margin-top: 20px;
    text-align: center;
    margin-left: 2%;
    margin-bottom: 20px;
}

.pus {
    font-size: 14px;
    text-align: center;
    font-family: 'PT Mono', monospace;
    ;
}

.meh {
    height: 100%;
}

header {
    display: flex;
    justify-content: space-between;
        align-items: center;
        border: 2px snow;
    
}

nav {

   

 
    justify-content: space-between;
      

   
min-width: 100%;
   
    margin-bottom: 2%;
    margin-top: 0;

}





nav ul {
    border: 10px solid #ffffff;
  
    justify-content: space-evenly;
   
   

   
    

}

ul li {
   
    justify-content: space-between;
   align-items: center;
   
    list-style-type: none;
    background: black;
    

background-color: black;

    
}


nav img {
    width: 100%;
}

ul li a {
    
    background-color: black;
    

    }


.nav li:hover {
    transition: all 0.5s ease-in;
    background-color: #7458c1;
}

body{
    margin: 0;
    padding: 0;

}
p {font-family: 'PT Mono', monospace;
position: static;
width: fit-content;
}

body{
    font-family: 'PT Mono', monospace;
position: static;
    width: fit-content;
}

h1 {font-family: 'PT Mono', monospace;
position: static;

}







h1 {color: #ffffff;}
p{color: #ffffff;}





.zone1, .zone2 { 
   
}

.banner {

background-size: cover;
    background-position: center;
    background-attachment: fixed;
width: 200%;
}

.banner-image {
    max-width: 200%;
width: 200%;
}

.infoblock {
    object-fit: fill;
     width: 150%;
      text-align: center;
      margin-left: -15%;
}

img.animated-gif{
  width: 820%;
  height: auto;
}




.homedoor {
   margin-left: -15%;
    text-align: center;
  width: 150%;
   object-fit: fill;
}






.trinity {
    border-width: 10px;
        border-color: snow;
        border-top-style: solid;
        border-bottom-style: solid;
        margin: auto;
        text-align: center;
        overflow: auto;
    min-width: 100%;
      align-items: column;
        align-items: center;
        padding: 60px;
    
}


.center {
    width: 140%;
    margin-left: -20%;
}

.gallery3 {
    margin: 5px;
    float: left;
    width: auto;
    margin-right: 3%;
   margin-left: 7%;
    
}

.gallery3 img {
    width: 100%;
    height: auto;

}

.btext {
    color: snow;
    font-size: 1.5cm;
    text-align: center;
    padding: 10px;
    font-family: Banze;
    margin-right: 3%;
   margin-left: 3%;
}







.who {
    border-width: 10px;
        border-color: snow;
    position: static;
        border-bottom-style: solid;
        margin: auto;
        font-weight: 200;
            
            font-size: 30px;
            position: absolute;
          
            overflow: auto;
}

.sunset {
   display: none;
    float: bottom;
    position: static;
  width: 20%;
  border-radius: 5px;
   margin-left: -6%;

}

.whop {
    font-family: 'PT Mono', monospace;
position: static;
font-size: 14px;
width: 100%;
padding: 1%;

text-align: center;
}

.whotitle {
    margin-top: -2%;
font-family: Banze;
    font-size: 50px;
    margin-bottom: 1%;
    
    text-align: center;
}

.whotext {
    border-block: solid;
    border-color: snow;
   padding: 40px;
    border-left: solid snow;
    border-right: solid snow;
    border-radius: 25px;
    position: static;
font-size: 7px;
width: 100%;
margin-left: -2%
}

.cabin {
margin-bottom: -2%;
margin-left: -1%;
position: static;

}

.sum {
  
    
       border: none;
    
    
        margin: auto;
        margin-top: 2%;
            overflow: auto;
            margin-bottom: 5%
}

.evil {
    margin: auto;
   
}

.sus {
font-size: 35px;
background-color: rgb(71, 71, 247);
    font-family: Monsterfont;
text-align: center ;
height: 150%;
    border-left: solid snow 5px;
    border-right: solid snow 5px;
border-radius: 15px;
    margin-bottom: 3%;
   width: 220%;
    background-size: 300px;
   padding: 15%;
 
}


.sussy {
    border-radius: 25px;
    color: snow;
font-size: 20px;
border-block: solid snow 5px;
    border-left: solid snow 5px;
    border-right: solid snow 5px;
    text-align: center;
    font-family: 'PT Mono', monospace;
    padding-left: 45%;
    padding-right: 65%;
    padding-bottom: 10%;
    
    background: url(/imageforwebsite/Splotblockbackground.png);
        background-size: cover;
     position: static;

}
.devil {position: static;
margin-bottom: 10%}

.sock {
    float: left;
    text-align: left;
    font-size: 20px;
    margin-right: 60%;
}

.stable {
    margin-top: 5%;
   
    color: snow;
   
border-spacing: 5px;
margin-left: 25%;
    
margin-bottom: 10%;
}

.wall { 

margin-bottom: 10%;
margin-top: 5%;
position: static;
}

.sup{
    font-size: 25px;
   padding: 10px;
font-family: Monsterfont;
background-color: black;
 border-block: solid snow 5px;
border-left: solid snow 5px;
    border-right: solid snow 5px;
  
        text-align: center;
}





footer {
    display: block;
   margin-top: 18%;
border-block: solid snow 5px;
    border-left: solid snow 5px;
    border-right: solid snow 5px;
    padding: 20px;
   
    position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.bad {
    background-size: cover;
        background-position: center;
        background-attachment: fixed;
        width: 100%;
        height: 10%;
}

.note {
    font-size: 50px;
    float: left;
    margin-left: 30px;
   font-family: banze;
}

.email {
    font-size: 50px;
    float: right;
margin-right: -30px;
}

.banner-img{width: 50%;
    height: 50px;
}

.banner{ }




}



/* tablets portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : portrait) { 
.zone1 {
    margin-left: 2%;
   margin-top: 2%;
    text-align: left;
    font-size: 40px;
   padding-bottom: 10px;
font-family: Banze;


}

.zone2{
    margin-left: 1%;
    font-weight: 500;
text-align: left;
font-size: 12px;
padding: 10px;
width: 70%;
position: static;
margin-bottom: 5px;

}

.zone1, .zone2 { 
   
}

.banner {

background-size: cover;
    background-position: center;
    background-attachment: fixed;

}

.banner-img {

}

.what {
    position: absolute;
 margin-top: -50px;

}



.border {
    position: absolute;
}



.trinity {
    border-width: 10px;
        border-color: snow;
        border-top-style: solid;
        border-bottom-style: solid;
        margin: auto;
        text-align: center;
        overflow: auto;
    min-width: 100%;
      align-items: column;
        align-items: center;
        
    
}


.center {
    width: 100%;
}

.gallery3 {
    margin: 5px;
   
    width: auto;
   
    align-items: column;
        align-items: center;
}

.gallery3 img {
    width: 100%;
    height: auto;

}

.btext {
    color: snow;
    font-size: 1.5cm;
    text-align: center;
    padding: 10px;
    font-family: Banze;
  
}






.who {
    border-width: 20px;
        border-color: snow;
    position: static;
        border-bottom-style: solid;
        margin: auto;
        font-weight: 200;
            text-align: right;
            font-size: 30px;
            position: absolute;
            padding: 20px;
            overflow: auto;
}

.sunset {
   
    float: left;
    position: static;
  width: 25%;
  border-radius: 5px;
   margin-left: -2%;

}

.whop {
    font-family: 'PT Mono', monospace;
position: static;
font-size: 18px;
margin-right: -5%;
padding: 1%;
}

.whotitle {
    margin-top: -2%;
font-family: Banze;
    font-size: 60px;
    margin-bottom: 1%;
    position: static;
}

.whotext {
    border-block: solid;
    border-color: snow;
   padding: 90px;
    border-left: solid snow;
    border-right: solid snow;
    border-radius: 25px;
    position: static;
font-size: 30px;

}

.cabin {
margin-bottom: -2%;
margin-left: -1%;
position: static;

}

.sum {
    border-width: 20px;
    
        border-color: snow;
    
       border-top-style: solid;
        margin: auto;
        margin-top: 2%;
            overflow: auto;
            margin-bottom: 10%;
}

.evil {
    margin: auto;
   
}

.sus {
font-size: 50px;
background-color: rgb(71, 71, 247);
    font-family: Monsterfont;
text-align: center ;
border-block: solid snow 5px;
    border-left: solid snow 5px;
    border-right: solid snow 5px;
border-radius: 25px;
    margin-bottom: 2%;
    padding: 2%;
 
}


.sussy {
    border-radius: 25px;
    color: snow;
font-size: 15px;
border-block: solid snow 5px;
    border-left: solid snow 5px;
    border-right: solid snow 5px;
    text-align: center;
    font-family: 'PT Mono', monospace;
    padding: 5%;
    padding-bottom: 10%;
    font-weight: bold;
    background: url(/imageforwebsite/Splotblockbackground.png);
        background-size: cover;
     position: static;

}
.devil {position: static;}

.sock {
    float: left;
    text-align: left;
    font-size: 20px;
    margin-right: 60%;
}

.stable {
    margin-top: 5%;
    margin-bottom: 5%;
    color: snow;
  
border-spacing: 15px;
    float: right;
    width: 50%;
margin-bottom: 10%;
}

.wall { float: left;
width: 40%;
margin-bottom: 10%;
margin-top: 5%;
position: static;
}

.sup{
    font-size: 30px;
   padding: 10px;
font-family: Monsterfont;
background-color: black;
 border-block: solid snow 5px;
border-left: solid snow 5px;
    border-right: solid snow 5px;
   
        text-align: center;
}



.pus {
    font-size: 15px;
    text-align: center;
    font-family: 'PT Mono', monospace;
    margin-bottom: 10%;
}

footer {
    display: block;
   margin-top: 4%;
border-block: solid snow 5px;
    border-left: solid snow 5px;
    border-right: solid snow 5px;
    padding: 20px;
   
    position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.infoblock img {
    
    text-align: center;
    position: center;
    width: 55%;
    height: 120;
}


.contacts {
margin: auto;
    text-align: center;
    overflow: auto;
    min-width: 100%;
    align-items: column;
    align-items: right;
    padding: 5px;
}

.linky {
    margin: 1px;
        float: right;
        width: auto;
      
}

.linky img {
    width: 100%;
}


.bad {
    background-size: cover;
        background-position: center;
        background-attachment: fixed;
        width: 100%;
        height: 10%;
}

.note {
    font-size: 50px;
    float: left;
    margin-left: 30px;
   font-family: banze;
}

.email {
    font-size: 50px;
    float: right;
margin-right: -30px;
}

.banner-img{width: 50%;
    height: 50px;
}

.banner{ }

}

 
/* For Mobile Landscape View */
@media screen and (max-device-width: 640px)
    and (orientation: landscape) {
    * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
     position: static;
    width: 100%;
}

textarea {
    resize: none
}
@import url('https://fonts.googleapis.com/css2?family=PT+Mono&family=Rubik+Puddles&family=Russo+One&family=Sigmar&display=swap');


@font-face {
    font-family: DeathMetal;
    src: url(DeathtoMetal.ttf);
}

@font-face {
    font-family: Monsterfont;
    src: url(Melted\ Monster.ttf);
}
@font-face {
    font-family: Banze;
    src: url(Grunge.ttf);
}

.meh {
    height: 100%;
}

header {
    display: flex;
    justify-content: space-between;
        align-items: center;
        
    
}

nav {

   

 
    justify-content: space-between;
      

   
min-width: 100%;
   
    margin-bottom: 2%;
    margin-top: 0;

}



nav ul {
   
  
    justify-content: space-evenly;
   
   

   
    

}

ul li {
   
    justify-content: space-between;
   align-items: center;
   
    list-style-type: none;
    background: black;
    

background-color: black;

    
}



.infoblock {
border: none;
    position: static;
    width: 100%;
    container-type: inline-size;
    margin-bottom: 20px;
   padding: 5%;
margin-top: 100px;
    background-size: 30px;


}

.infoblock img {
    
    text-align: center;
    position: center;
    width: 65%;
    height: 120;
}

.etsy {
    position: static;
    width: 50%;
}
.etsy img {
    text-align: center;
        position: center;
}

.shopsoon {
    margin-top: 20px;
    text-align: center;
    margin-left: 95%;
    margin-bottom: 20px;
}


nav img {
    width: 60%;
}

ul li a {
    
    
    

    }


.nav li:hover {
    transition: all 0.5s ease-in;
    background-color: #7458c1;
}

body{
    margin: 0;
    padding: 0;

}
p {font-family: 'PT Mono', monospace;
position: static;
width: fit-content;
}

body{
    font-family: 'PT Mono', monospace;
position: static;
    width: fit-content;
}

h1 {font-family: 'PT Mono', monospace;
position: static;

}







h1 {color: #ffffff;}
p{color: #ffffff;}

.zone1 {
    margin-left: 2%;
   margin-top: 2%;
    text-align: left;
    font-size: 25px;
   padding-bottom: 10px;
font-family: Banze;


}

.zone2{
    margin-left: 1%;
    font-weight: 500;
text-align: left;
font-size: 15px;
padding: 10px;
width: 70%;
position: static;
margin-bottom: 5px;

}

.zone1, .zone2 { 
   
}

.banner {

background-size: cover;
    background-position: center;
    background-attachment: fixed;
    width: 50%;

}

.banner-img {

}

.what {
   

}



.border {
    position: absolute;
}


    
  

.trinity {
   
       
        margin: auto;
        text-align: center;
        overflow: auto;
    min-width: 100%;
      align-items: column;
        align-items: center;
        
    
}


.center {
    width: 100%;
}

.gallery3 {
    align-items: column;
        align-items: center;
    width: auto;
    margin: 5px;
    
}

.gallery3 img {
    width: 100%;
    height: auto;

}

.btext {
    color: snow;
    font-size: 1.2cm;
    text-align: center;
   
    font-family: Banze;

}







.who {
    
    position: static;
      
        margin: auto;
        font-weight: 200;
            text-align: right;
            font-size: 30px;
            position: absolute;
            padding: 20px;
            overflow: auto;
}

.sunset {
   
    float: left;
    position: static;
  width: 20%;
  border-radius: 5px;
   margin-left: -6%;
   display: none;

}

.whop {
    font-family: 'PT Mono', monospace;
position: static;
font-size: 18px;
margin-right: -5%;
padding: 1%;
}

.whotitle {
    margin-top: -2%;
font-family: Banze;
    font-size: 60px;
    margin-bottom: 1%;
    position: static;
}

.whotext {
  
   padding: 90px;
  width: 100%;
  margin-left: -1%;
    position: static;
font-size: 30px;

}

.cabin {
margin-bottom: -2%;
margin-left: -1%;
position: static;

}

.sum {
  border: none;
        margin: auto;
        margin-top: 2%;
            overflow: auto;
            
}







}
 
/* For Mobile Phones Portrait or Landscape View */
@media screen
    and (max-device-width: 640px) {
    .gfg-div {
        
    }
.note {
    font-size: 20px;
    float: left;
    margin-left: 30px;
   font-family: banze;
}

.email {
    font-size: 20px;
    float: right;
margin-right: -25px;
}

}








/* For Tablet View */
@media screen and (min-device-width: 768px)
    and (max-device-width: 1024px) {
    
}


/** Safari */

.banner {
    width: 50%;

}

/** Google */
.banner {
    width: 50%;

}

@media not all and (min-resolution: 0.001dpcm) {
    div display: block;

.whotext {
    border-block: solid;
    border-color: snow;
   padding: 90px;
    border-left: solid snow;
    border-right: solid snow;
    border-radius: 25px;
    position: static;
font-size: 30px;
width: 75%;
margin-left: 25%;
}



}

/* Safari only override */
@media not all and (min-resolution: 0.001dpcm) {
    div display: block;
}
::i-block-chrome,
{  

}

h