*{
  margin: 0px;
  padding: 0px;
  }
  .Button{
    position:relative;
    font-family: cursive;
   
   width: 100%;
 
   
     
  }
.link-card-wrapper {
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid gray;
    border-radius: 8px;
    margin: 0;
    padding: 10px;
}

.link-card, a:hover, a:focus {
    text-decoration: none;
    outline: none;
    color: #333;
}

.link-card-image,.link-card-text {
    width: 100%;
}

.link-card-image img {
    width: 100%;
    max-width: 100%;
}

.link-card-title {
    font-size: 140%;
    line-height: 1.5;
    font-weight: bold;
    margin: 0 0 10px 0;
}

blockquote {
    font-size: 17px;
    margin: 0 0 10px 0;
    padding: 0 20px;
    border-left: 5px solid #ddd;
}

.card-blockquote p {
    margin: 0;
    padding: 5px 0;
}

.link-card-description {
    line-height: 1.5;
    margin: 0 0 10px 0;
}

.link-card-domain {
    display: flex;
}

.link-card-domain img {
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0;
}

.link-card-domain p {
    display: inline-block;
    margin: 0 10px 0 0; 
    color: gray;
    font-size: 14px;
    line-height: 1.2;
}

@media (min-width: 640px) {
    .link-card-content {
        width: 100%;
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto 1fr;
    }

    .link-card-title {
        margin: 0;
    }

    /* image */
    #grid-content-1 {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }

    /* title */
    #grid-content-2 {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }

    /* description,favicon,url */
    #grid-content-3 {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
        display: grid;
        grid-template-rows: auto 1fr;
        margin-top: 5px;
        padding-left: 20px;
    }
    
    .link-card-image {
        width: 100%;
        margin: 5px 0;
    }
    
    .link-card-image img {
        width: 150px;
    }

    .link-card-description {
        margin: 0 0 10px 0;
    }

    .link-card-domain {
        align-items: end;
        margin-bottom: 5px;
    }
}
  .Button img{
    position:absolute;
    font-family: cursive;
   
   width: 100%;
 
   
    
  }

  .Button a{
    position:relative;
  justify-content: space-between;
 color: white;
    font-size: 3vw;
    
    flex-direction:row; 
    text-align: center;
   
 left: 10%;
margin-right: 10%;
    
    
  }
  
#phei{
width:100%;
height: 100%;
}
#hei{
width:50%;
}
#readY{
width:100%;
height:10vw;
}
 .Hdist{
   
    position:absolute;
      height: 100%;
     width: 100%;
   }
   .Hdist img{
 pointer-events:none;
    -webkit-touch-callout:none;
    user-select:none;
    position:relative;
      font-family: cursive;
      display: flex;
     flex-direction: column;
     text-align: center;
     margin-top: 10%;
     left: 10%;
     
     width: 80%;
   }
   .Hdist p{
    position:relative;
    font-family: cursive;
    display: flex;
    color: white;
    font-size: 3vw; 
   flex-direction: column;
   text-align: center;
 margin-top: 10vw;
   margin-bottom: auto;
   margin-left: auto;
   margin-right: auto;
  
   }
   .Hdist a{
    position:relative;
    font-family: cursive;
    display: flex;
    color: white;
    font-size: 3vw; 
    left: -10%;
   flex-direction: column;
   text-align: center;
   margin-top: 10vw;
   margin-left: 10%;
   margin-right: -10%;
   }
   .Hdist object{
    position:relative;
    font-family: cursive;
    display: flex;
    color: white;
    
   
   }
#sns{
text-align: center;
  position: relative;
    display: flex;
top:5%;
margin-bottom: 0%;
left:20%;
margin-left: auto;
 margin-right: auto;
flex-direction:row;
color:white;
}
#sns iframe{
margin-top: 0%;

}
a{
color:white;
}
.subt{
color:white;
 top:13%;
  text-align:center;
      padding: 0%;
      margin-left: 0%;
   position: relative;
  
 font-size:3vw;
 font-family: serif;
   width: 100%;
     z-index: 1;
    z-index: 1;
}
#ED{
position:relative;
width:100%;
 margin-top: 10vw;
   margin-bottom: auto;
   margin-left: auto;
   margin-right: auto;
z-index:10;
}
#ED p{
width:100%;
font-size: 25px;
font-family: serif;
}
#ind{
height:100%;
width:80%;
margin-left: auto;
   margin-right: auto;
}
#ind p{
z-index:111;
}
  .outer{
      position:absolute;
         
      padding: 0%;
      margin: 0%;
      overflow-y: visible;
      overflow-x: visible;
   height:100%;
    
     width:100%;
     z-index: 1;
      background-color: black;
  }
  footer{
    padding: 0;
    margin: 0%;
  }
  body{
    background-color: black;
    height: 100%;
  }
  .box{
         position:fixed;
         top: 0%;
         padding: 0%;
         margin: 0%;
         bottom: 0%;
         overflow: hidden;
        height: 100%;
        width: 100%;
        z-index: -6;
        vertical-align: bottom;
        background-color: black;
  }
  .Back{
      position: fixed;
      z-index: -1;
width: 100%;
user-select: none;
      background-color: black;
     
  }
  .boxb{
    position: relative;
    
  }
  .new{
    position:absolute;
   
    width: 100%;
    left: 0%;
    
    z-index: 3;
  
  }
  .main{
   user-select: none
      padding:0%;
    margin-left: 0%;
    margin: 0%;
    top:8.4%;
  position: absolute;
  
  left: 0%;
  height: 100%;
  width: 100%;
   z-index: 1;
  
  }
  .y{
    position:relative;
    
   
    left: 0%;
    height: 40vw;
    z-index: 3;
    max-height: 720px;
    
  }
  .n{
    position:absolute;
   
    width: 100%;
    border-bottom: 1px;
    border-top: 1px;
    z-index: 3;
  }
  .dis{
    position:absolute;
   
    width: 100%;
    left: 1%;
    z-index: 3;
  }
  .cont{
    position:relative;
    display: flex;
    justify-content: space-between;
   
    padding:20%;
    margin: 15%;
  }
  .text{
    position:relative;
    display: flex;
    justify-content: space-between;
   
    padding: 0%;
    margin: 0%;
  }
  
  .distext{
    position:relative;
    display: flex;
flex-direction:column;
    justify-content: space-between;
  
    padding:10%;
     z-index: 3;
    margin: 8%;
  }
.profile{
 padding-top: 2%;

}

  .endis{
    position:absolute;
    
    width: 100%;
    left: 1%;
    min-width: 100%;
    z-index: 3;
  }
  .food{
    position:relative;
    display: flex;
    justify-content: space-between;
  top:-20px;
    padding:0%;
    margin:  0%;
  }
  .contact{
    position:absolute;
    color: white;
    display: flex;
    
   
    
    width: 100%;
    left: 1%;
    min-width: 100%;
    z-index: 3;
  }
  .textarea{
    position:relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
  top:100px;
    padding:10%;
    margin-bottom: 0%;
    margin: 8%;
  }
  .hin{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }
  
  .Button a:hover{
    color:gray;
  }
  .contact2{
    position:absolute;
    color: white;
    display: flex;
   
    justify-content: center;
    align-items: center;
    font-family:serif;
    top: 20%;
    margin-top: -15%;
  
    font-size:  2vw;
    width: 100%;
    left: 0%;
   
    z-index: 3;
  }
  .contact3{
    position:absolute;
    color: white;
    display: flex;
   
    justify-content: center;
    align-items: center;
    font-family:serif;
    top: 20%;
    font-size:  2vw;
    width: 100%;
    left: 1%;
   margin-top:10%;
    z-index: 3;
  }
  .contact5{
    position:absolute;
    color: white;
    display: flex;
   
    justify-content: center;
    align-items: center;
    font-family:serif;
    top: 100%;
    font-size:  2vw;
    width: 100%;
    left: 1%;
   margin-top: 10%;
    z-index: 3;
  }
  
  .distcon{
    position:absolute;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family:serif;
    font-size: 70px;
    width: 100%;
    left: 1%;
    min-width: 100%;
    z-index: 3;
  }
  .videos{
    
  position: absolute;
  top:5%;
  left:5%;
  width: 90%;
   z-index:52;
   margin-bottom: 1vw;
  }
  .back2{
 position: absolute;
user-select: none;
    padding: 0%;
    margin: 0%;
  position: relative;
  display: flex;
   flex-direction: column;
  top: 0%;
 bottom: 0%;
 height:100%;
  width:100%;
   z-index: 1;
  }
  .back2 p{
 
z-index: 19;
}
 .dist{
  
  position:absolute;
    height: 100vw;
   width: 100%;
z-index:1;
 }
 .dist img{
pointer-events:none;
  -webkit-touch-callout:none;
  user-select:none;
  position:relative;
    font-family: cursive;
    display: flex;
   flex-direction: column;
   text-align: center;
   margin-top: 10%;
   left: 10%;
   z-index:-3;
   width: 80%;
 }
 .dist iframe{
  position:relative;
width:100%;
    font-family: cursive;
    display: flex;
   flex-direction: column;
   text-align: center;
   margin-top: 0%;
   margin-left: auto;
   margin-right: auto;
 }

 .dist a{
  position:relative;
  font-family: cursive;
  display: flex;
  color: white;
  font-size: 3vw; 
  left: -10%;
 flex-direction: column;
 text-align: center;
 margin-top: 0%;
 margin-left: 10%;
 margin-right: -10%;
 }
 .dist object{
  position:relative;
  font-family: cursive;
  display: flex;
  color: white;
  font-size: 3vw; 
 width: 80%;
 height: 80%;
 flex-direction: column;
 text-align: center;
 margin-top: 10vw;
 margin-bottom: auto;
 margin-left: auto;
 margin-right: auto;
 }
 .dist p{
  position:relative;
  font-family: cursive;
  display: flex;
z-index:-222;
  color: white;
  font-size: 3vw; 
 flex-direction: column;
 text-align: center;
 margin-top: 10vw;
 margin-bottom: auto;
 margin-left: auto;
 margin-right: auto;
 }
  .back3{
    padding: 0%;
    margin: 0%;
  position:relative;
 
  top: 0%;
 
 height: 100%;
  width: 100%;
   z-index: 1;
  }
  .alph{
    padding: 0%;
    margin: 0%;
    margin-left: 0%;
  position:relative;
  height: 100%;
  width: 80%;
  left: 9.5%;
  z-index: 2;
  }
.picc{

height: 100%;
  width: 100%;
}

  #bar{
    
     color:white;
      padding: 0;
      margin: 0;
   position: relative;
  font-size: 1px;
  margin-right: 10%;
  
   width: 100%;
     z-index: 1;
  }
  #bar img{
    pointer-events:none;
    user-select:none;
    -webkit-touch-callout:none;
  }
 
  .flb{
     text-align.center;
      padding: 0%;
      margin-left: 0%;
   position: absolute;
   top: 0%;
   width: 100%;
     z-index: 1;
    z-index: 1;
     
     
  }