@import url('https://fonts.googleapis.com/css?family=Raleway:900&display=swap');

.wrapper_new {
  position: absolute;
  width: 340px;
  height: 300px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateY(20px) scale(1.5);
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .wrapper_new {
    transform: translate(-50%, -50%) scale(1);
  }
}
.container_new {
  position: absolute;
  width: 300px;
  height: 300px;
}
.container_new span{/* padding:0px !important; */font-family: 'Raleway', sans-serif;}
[data-typing] {
  position: absolute;
  top: 0;
  /*   border: 1px solid #f55; */
  transform-origin: 0% 0%;
  font-size: 25px;
  margin: 0;
  padding: 0;
  top: 00px;
  line-height: 1;
  color: #fff;
}
[data-typing]:before {
  content: "";
}
[data-typing="i"] {
  top: 9px;
  left: 0px;
  font-size: 28px;
  height: 131px;
  line-height: 30px;
  width: 141px;
  transform: rotate(270deg);
  transform-origin: 40% 44%;
  color:#85ccee !important;
}
[data-typing="frontend"] {
  top: 0px;
  left: 30px;
  font-size: 24px;
  letter-spacing: 1px;
   color:#7dbfa4 !important;
}
[data-typing="engineer"] {
  top: 33px;
  left: 32px;
  font-size: 28px;
  letter-spacing: 1px;
  color:#f0c16e !important;
}
[data-typing="with"] {
  top: 68px;
  left: 292px;
  font-size: 25px;
  transform: rotate(90deg);
  
  color: #fff;
  padding: 5px 6px;
  width: 126px;
   color:#f28c8c !important;
}
[data-typing="javascript"] {
  top: 71px;
  left: 254px;
  transform: rotate(90deg);
  font-size: 33px;
  color:#c2afe9 !important;
}
[data-typing="typescript"] {
  top: 70px;
  right: 120px;
  font-size: 28px;
  width: 152px;
  text-align: right;
  color:#cccccc !important;
  
}
[data-typing="css"] {
  top: 128px;
  right: 123px;
  font-size: 20px;
}
[data-typing="nodejs"] {
  top: 152px;
  right: 120px;
  font-size: 35px;
  color:#7ec3e6 !important;
}
[data-typing="animation"] {
  top: 188px;
  right: 120px;
  font-size: 25px;
  text-align: right;
   color:#da7373 !important;
}

[data-typing="content"] {
  top: 201px;
  right: 9px;
  font-size: 19px;
  text-align: right;
  width: 74px;
   color:#f1cb97 !important;
}

[data-typing="setup"] {
  top: 153px;
  right: 199px;
  font-size: 14px;
  text-align: right;
  width: 128px;
   color:#a5ebca !important;
}

[data-typing="access"] {
  top: 240px;
  right: 8px;
  font-size: 27px;
  text-align: right;
  width: 175px;
   color:# !important;
}

/*[data-typing="resource"] {
  top: 232px;
  left: 0px;
  font-size: 17px;
  text-align: left;
  width: 82px;
  transform: rotate(-92deg);
  transform-origin: 39% 84%;
   color:#fad56f !important;
}*/
[data-typing="resource"] {
  top: 232px;
  left: 0px;
  font-size: 17px;
  text-align: left;
  width: 82px;
  transform: rotate(89deg);
  transform-origin: 32% 35%;
   color:#fad56f !important;
}

[data-typing="multiflav"] {
  top: 246px;
  left: 44px;
  font-size: 15px;
  text-align: left;
  width: 78px;
   color:#a3d5be !important;
}

[data-typing="scenejs"] {
  top: 262px;
  right: 72px;
  font-size: 26px;
   color:#a29ac2 !important;
}

a {
  color: #333;
  text-decoration: none;
}

body .scenejs-editor-timeline {
  position: fixed;
  bottom: 0;
  max-height: 300px;
}
.slide-image {position:relative;}