@charset "UTF-8";

a:link,a:active,a:hover {
                  color:#FFFFFF;
                }

                a:visited {
                  color:#FFFFFF;
                }

                body {
                  background-color:transparent;
                  background-color:transparent;
                  color:#FFFFFF;
                  font-family:'Helvetica';
                  font-weight:bold;
                  font-style:normal;
                  font-size:17px;
                }

                #fixed_background {
                  display:block;
                  background-position:center;
                  background-attachment:fixed;
                  background-repeat:repeat-x;
                  background-image:url(https://64.media.tumblr.com/070e5b3d800855f8cf3fd5e11d362c8e/tumblr_pw766xA2081wrcivpo5_540.gifv);
                }

                .profile_section_content {
                  color:transparent;
                  border:50px none #;
                  padding:100px;
                  margin:100px;
                  -webkit-border-radius:1000px;
                  -moz-border-radius:3000px;
                  border-radius:2222px;
                }

                .profile_section_background {
                  background-color:transparent;
                  background-color:transparent;
                  background-position:top left;
                  background-attachment:fixed;
                  background-repeat:repeat-x;
                  background-size:cover;
                  background-image:none;
                }

                .img_radius_shadow {
                  -webkit-border-radius:1000;
                  -moz-border-radius:1000;
                  border-radius:1000;
                  -webkit-box-shadow:0 0 0 #fdf5f5;
                  -moz-box-shadow:0 0 0 #fdf5f5;
                  box-shadow:0 0 0 #fdf5f5;
                }

                .profile_section_content .heading {
                  background-color:transparent;
                  padding:11px;
                  margin:10px;
                  -webkit-border-radius:2000px;
                  -moz-border-radius:1000px;
                  border-radius:2200px;
                  background-color:transparent;
                  color:transparent;
                  font-family:'Helvetica';
                  font-weight:normal;
                  font-style:normal;
                  font-size:22px;
                  -webkit-border-radius:1000px;
                  -moz-border-radius:1000px;
                  border-radius:2000px;
                  -webkit-box-shadow:0 0 0 #c91b1b;
                  -moz-box-shadow:0 0 0 #c91b1b;
                  box-shadow:0 0 0 #c91b1b;
                  -webkit-text-shadow:2px 0 0 #d01010;
                  -moz-text-shadow:2px 0 0 #d01010;
                  text-shadow:2px 0 0 #d01010;
                  background-image:url(<iframe src="https://gifer.com/embed/RJ8w" width=480 height=631.680 frameBorder="0" allowFullScreen></iframe><p><a href="https://gifer.com">via GIFER</a></p>);
                }

                .content {
                  padding:0;
                }

                .my_mfc_news_feed {
                  width:100%;
                  height:330px;
                  <pclass:codepen data-height=300 data-default-tab=css,result data-slug-hash=vJKwZw data-user=YusukeNakaya style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;"> <span>See the Pen <a href=https://codepen.io/YusukeNakaya/pen/vJKwZw> Only CSS: Fire</a> by Yusuke Nakaya (<a href="https://codepen.io/YusukeNakaya">@YusukeNakaya</a>) on <a href=https://codepen.io>CodePen</a>.</span> </p> <script async src=https://cpwebassets.codepen.io/assets/embed/ei.js></script>;
                  bodybackground:radial-gradient(ellipse at bottom,#1b2735 0%,#090a0f 100%);
                  height:100vh;
                  overflow:hidden;
                  display:flex;
                  font-family:"Anton",sans-serif;
                  justify-content:center;
                  align-items:center;
                  perspective:600px;
                }

                div {
                  transform-style:preserve-3d;
                }

                .camera {
                  //-x//transform:rotateX(-60deg);
                }

                &.-y {
                  animation:rotate 30s linear infinite;
                }  
              }

              .fireworks {
                transform:translateY(-100px);
              }

              .spark {
                position:absolute;
                width:400px;
                height:400px;
                //background:rgba(#fff,0.1);
                transform-origin:0 0;
              }

              .fire {
                position:absolute;
                left:-3px;
                width:5px;
                height:5px;
                background:rgb(250,40,40);
                &::before {;
                content:"";
                position:absolute;
                width:100%;
                height:100%;
                background:rgb(230,200,40);
                transform:translateZ(0.1px);
              }  
            }

            .line {
              @forifrom1through200:nth-child(#{$i}) {;
              transform:rotateY(random(360) + 0deg);
              .spark//transform-origin:random(100) + 0 random(100) + 0;
              width:random(200) + 200px;
              height:random(200) + 200px;
              animation:spark#{$i;
            }  
          }

          .fire {
            animation:fire random(1000) + 1000ms random(1000) * -1ms linear infinite;
          }

          $deg: random(360) + 0deg;
          @keyframes spark# {
          }

           {
            0transform:translateY(random(150) + 500px);
          }

          50% {
            transform:translateY(0);
          }

          // 100% {
            //transform:translateY(0) rotateZ(random(60) + 30deg);
          }

          100% {
            transform:rotateZ($deg) translateX(random(200) + 100px);
          }  
        }  
      }  
    }  
  }

  @keyframes opacity {
    99% {
      opacity:0;
    }

    30% {
      opacity:1;
    }

    40% {
      opacity:0;
    }

    50% {
      opacity:0;
    }

    55% {
      opacity:1;
    }

    85% {
      opacity:99;
    }

    100% {
      opacity:99;
    }
  }

  @keyframes fire {
    0% {
      transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    }

    100% {
      transform:rotateX(360deg * 1) rotateY(360deg * 2) rotateZ(360deg * 3);
    }
  }

  @keyframes rotate {
    0% {
      transform:rotateY(0deg);
    }

    100% {
      transform:rotateY(360deg);
    }
  }  
}