-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathstyle.css
1 lines (1 loc) · 2.14 KB
/
style.css
1
*{box-sizing:border-box}.cont{background:#222 repeating-linear-gradient(45deg,#2b2b2b 0%,#2b2b2b 10%,#222222 0%,#222222 50%) 0 0;height:100vh;width:100vw}#zoomout h1,.start h1{color:#000;font-family:'Allan',serif;font-size:6rem}#zoomout h1 a{text-decoration:none;transition:all 0.5s;color:#B6FF00;font-family:"Press Start 2P",serif;font-size:.8em}#zoomout h1 a:hover{color:#fff;animation:neon4 0.5s ease-in-out infinite alternate}@-webkit-keyframes neon4{from{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #B6FF00,0 0 70px #B6FF00,0 0 80px #B6FF00,0 0 100px #B6FF00,0 0 150px #B6FF00}to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #B6FF00,0 0 35px #B6FF00,0 0 40px #B6FF00,0 0 50px #B6FF00,0 0 75px #B6FF00}}[lj-type="stage"]{width:100%;height:100%;overflow:visible}#zoomout,#zoomin{width:100vw;height:100vh}#zoomout{padding:5vw;color:white}#zoomin{left:5vw;top:70vh}#contentlayer,#contentstage,#contentlayer>div{overflow:visible;opacity:.995}#contentlayer [lj-type="frame"]{background-color:white;box-shadow:0 0 15px 0 black}#frame2{left:120vw}.coverlink{position:absolute;z-index:1000;width:100%;height:100%;transition:all 0.5s}.coverlink:hover{background-color:greenyellow;opacity:.2}#zoomin.lj-active .coverlink{width:0;height:0}#hamburger{margin:25px;width:50px;height:50px;line-height:50px;border-radius:50%;background-color:greenyellow;color:black;font-weight:700;text-align:center;box-shadow:0 0 10px 0 gray}body{background-color:#1f364d;height:100vh;width:100vw}.start{display:table;color:greenyellow;height:100vh;width:100vw}.start h1{font-size:5rem;padding-top:5rem;display:table-cell;vertical-align:middle;color:#B6FF00}.start h1 a{text-decoration:none;transition:all 0.5s;color:#B6FF00;font-family:"Press Start 2P",serif}.start h1 a:hover{animation:neon4 1.5s ease-in-out infinite alternate-reverse}.start h1>p{color:white;font-size:2rem}.bar{position:absolute;top:20%;left:25%;font-size:2rem}.bar1{position:absolute;top:10%;height:75%}#number{position:absolute;left:45%;top:39%;font-size:6rem}#number1{position:absolute;top:30%;left:50%;font-size:5rem}form{position:absolute;left:39%;top:70%;width:20%;font-size:2rem;color:black}#in{opacity:.6}