* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

html {
   overflow: hidden;
}

html,
body {
   background: #000000;
   width: 100%;
   height: 100%;
   color: #fbfbfd;
   font-family: "IBM Plex Sans", Arial;
}

body {
   display: flex;
   align-items: center;
   justify-content: center;
}

.content {
   display: flex;
   flex-direction: column;
   justify-content: center;
   text-align: center;
}

.content>div>p {
   font-size: 15px;
   margin: auto;
   bottom: 20px;
   position: fixed;
   z-index: 1;
   left: 0;
   right: 0;
   color: #4d5157;
}

.content>div a {
   display: inline;
   color: #ccd6e0;
   text-decoration: none;
   color: transparent;
   background: linear-gradient(44deg, #5E31D4, #034FFF);
   background-clip: text;
   transition: opacity .1s;
}

.content>div a:hover {
   opacity: .6;
}


svg {
   width: 100px;
   height: 100px;
   margin: auto;
   top: 0;
   bottom: 0;
   position: fixed;
   z-index: 1;
   left: 0;
   right: 0;
}

img {
   width: 80px;
   height: 80px;
   position: fixed;
   right: 20px;
   border-radius: 10px;
   bottom: 20px;
}


@media (max-width: 768px) {
   svg {
      width: 80px;
      height: 80px;
   }

   img {
      display: none;
   }

   p {
      max-width: 290px;
      line-height: 23px;
   }
}