.slash {
     stroke-dashoffset: 400;
     stroke-dasharray: 395;
     stroke: #fff;
}
 .fill, #bg, .letter {
     opacity: 0;
}
 svg {
     display: block;
     margin: 0 auto;
     width: 80%;
     height: 100%;
    /* max-width: 300px;
     */
}
 body {
     background: #000000;
     color: #fff;
     -webkit-font-smoothing: antialiased;
}
 html, body {
     height: 100%;
     margin: 0;
}
 html, body {
     height: 80vh;
     display: flex;
     flex-direction: column;
     align-items: center;
     margin: 0;
     padding: 0;
     background: #000000;
}
 * {
     font-family: 'Poppins', sans-serif;
     text-align: center;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .golden {
     flex: .5 
}
 .container {
     flex: 1 
    /*flex-grow: 1.618003;
    */
    /*flex-shrink: 1.618003;
    */
    /*flex-basis: 0;
    */
}
 img {
     width: 45%;
	 margin-top: -65px
}
 .l1 {
     color: #ffffff;
     font-size: 24px;
     font-weight: bold;
     margin-bottom: 5px;
     display: block;
}
 .l2{
     display: none;
}
 .l2 span {
     color: #ffffff;
     font-size: 14px;
     text-decoration: none;
     border: 1px dashed #ffffff;
     border-radius: 5px;
     padding: 0px 5px;
}
 .l2 span:before {
     content: attr(data-website) "\0040" attr(data-user);
     unicode-bidi: bidi-override;
     direction: rtl;
}
 .logo {
     position: relative;
     max-width: 600px;
     width: 600px;
}
 @media (max-width: 650px) {
     .logo {
         position: relative;
         width: 80%;
         margin: auto;
    }
     .l1 {
         font-size: 18px;
    }
}