@import "https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css";
/* @import "https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma-rtl.min.css"; */

 *{
    margin: 0;
   padding: 0;
 }
body {
  background: rgb(255, 255, 255);
}
.browser-mockup {

  margin-top: 1.2rem;
  /* min-height:200px; */

  padding: 1.5rem;
 
  box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
  position: relative;
  border-radius: 3px 3px 0 0;
  width: 100%;
  height: auto;
  display: block;
  font-family: 'Source Code Pro', monospace;
  background-color: rgb(17, 15, 46);
  color: rgb(255, 255, 255);
  /* display: inline-block; */
}
#coder{
 border-top: 2em solid rgba(112, 112, 112, 0.918)  !important;
}
#complete-hero div{
   border: 1px solid rgba(243, 199, 199, 0.014);
}

#coder:before {
  display: block;
  position: absolute;
  content: '';
  top: -1.25em;
  left: 1em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #f44 !important;
  box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5  !important;
}
#app{
    font-family: 'Source Code Pro', monospace !important;
    color: #0ef5c3
    ;
     
  /* font-size: 72px; */
  background: -webkit-linear-gradient(rgb(9, 144, 235), rgb(103, 255, 247));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

    min-height: 2.5rem;
    
}
#highlight,#highlighter{
  filter: brightness(70%);
}
.white{
  
  background-color:white;
  width:50%;
  border-top:none;
  margin-left: 68%;
  margin-top:-2rem;
}

.brow-img{
  margin-left: 2.3rem;
}
#wow{
  min-height:250px;
}
.shifter{
  margin-left:40%
}

#hero_header{
  
  text-align:left;
  margin-top: 2.3rem;
  margin-bottom: 3rem;
  margin-left:1rem;
  font-weight: bold;
  font-size:2.3rem
}
#hero_content{
 /* margin: 10rem; */
 text-align:left;
 margin:auto 1rem ;
 margin-bottom: 1rem;
}

.hero_bttn{
 margin:3rem 1rem;
}
.hero{
  margin-top: 2rem;
  padding: 2rem;
}

.body_cont_1 {
  /* background-color: #dfdeba; */
   /* border: 0px solid rgba(134, 0, 0, 0); */
   margin-left: 3rem;
   margin-top: 6rem;

}
.cateyes{
border-radius: 10px;
width: 60%;
margin-left:25% ;
}
.birdeye{
border-radius: 10px;
width: 70%;

}

.is-horizontal-center {
  justify-content: center;
}
#feature{
  margin:2rem;
}
.tile{
  margin: 1rem 1rem;
  /* border: 1px solid red; */
  
  
}
figure{
  margin: 1rem;
  
}
.shadow{

border-radius: 5px;
}
.content-space{
  margin: 0.75rem;

}


.card-columns{
  margin: 2rem
  ;
  /* background-color: pink */
}
.card-space{
  margin:1.5rem;
}
.card-image{ filter: brightness(50%);
}
#this-card1{
  margin:1rem;
  margin-top:3rem;
}
.dynamic-head{ 
  margin: 0.1rem;
  
}
.gallery{
  
border-radius: 5px;
}
#patreon_header{
text-align:center
}
#patrean-coffe{
    margin-top: 3rem;
 
}
.cofee{
  margin: 2rem;
 
}
.cofee-patreon-img{
  margin-left: 20%;
 
}

#patreon{
  width: 20%;
  margin-left: 45%;
  
}
.card-header-my{

  margin-top:  5rem ;
  margin-bottom:auto;
  margin-right:auto;
  margin-left: auto;
 
}

/* div{
  border: 2px solid red;
} */

.immggy {
     vertical-align: middle;

}

li{ margin:0 10px 10px 0; vertical-align:top} 
#form{
  margin: auto 2rem;
}
#form-image{ 
  border-radius: 10px;
}

#signin{
  background-color:rgba(0, 0, 0, 0.849) !important;
}