@font-face{
  src: url(fonts/TacOne-Regular.ttf);
  font-family: TacOneRegular;
  }
  
@keyframes whatever{
  100% {transform: translateX(180px);}
}
*{
    box-sizing: border-box;
  }
body{
    background-image: url(bgimg.png);
    background-attachment: fixed;
    background-position: center;
    color: white; 
    }
#cryptic{
  font-family: TacOneRegular;
  color: lightblue;
  height: auto;
  width: 500px;
  margin-left: auto;
  border: 5px inset purple;
  float: left;
  padding: 25px;
  position: relative;
  top: 4px;
  left: -40px;
  }  
#cryptic:active{
  text-shadow: 2px 0px 5px white;
  }

#smaller{
  color: darkblue;
  }
#smaller:hover{
  color: lightblue;
  }
  #2ndpage{
    animation-name: whatever;
    animation-duration: 2s;
  }