-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.min.css
1 lines (1 loc) · 19.1 KB
/
style.min.css
1
@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");@font-face{font-family:"JetBrains Mono";src:url("./assets/fonts/JetBrainsMono-Regular.woff2") format("woff2"),url("./assets/fonts/JetBrainsMono-Regular.woff") format("woff")}:root{background:#323437;--bg-color-clear:#00000020;--bg-color-mid:#66666650;--bg-color-light:#AAAAAA50;--text-color-light:#e2b714;--text-color-mid:#e2b714;--text-color-dark:#000000;--text-color-confirmed:#00FF00BB;--text-color-error:#FF0000BB;--banner-one-scroll-pos:center;scrollbar-color:var(--text-color-dark) var(--bg-color-light);scrollbar-width:thin}::-webkit-scrollbar{width:0px}.animonload1:nth-child(1){animation:elementload1 1.515s ease}.animonload1:nth-child(2){animation:elementload2 1.53s ease}.animonload1:nth-child(3){animation:elementload3 1.545s ease}.animonload1:nth-child(4){animation:elementload4 1.56s ease}.animonload1:nth-child(5){animation:elementload5 1.575s ease}.animonload1:nth-child(6){animation:elementload6 1.59s ease}.animonload1:nth-child(7){animation:elementload7 1.605s ease}.animonload1:nth-child(8){animation:elementload8 1.62s ease}.animonload1:nth-child(9){animation:elementload9 1.635s ease}.animonload1:nth-child(10){animation:elementload10 1.65s ease}.animonload1:nth-child(11){animation:elementload11 1.665s ease}.animonload1:nth-child(12){animation:elementload12 1.68s ease}.animonload1:nth-child(13){animation:elementload13 1.695s ease}.animonload1:nth-child(14){animation:elementload14 1.71s ease}.animonload1:nth-child(15){animation:elementload15 1.725s ease}.animonload1:nth-child(16){animation:elementload16 1.74s ease}.animonload1:nth-child(17){animation:elementload17 1.755s ease}.animonload1:nth-child(18){animation:elementload18 1.77s ease}.animonload1:nth-child(19){animation:elementload19 1.785s ease}.animonload1:nth-child(20){animation:elementload20 1.8s ease}.animonload1:nth-child(21){animation:elementload21 1.815s ease}.animonload1:nth-child(22){animation:elementload22 1.83s ease}.animonload1:nth-child(23){animation:elementload23 1.845s ease}.animonload1:nth-child(24){animation:elementload24 1.86s ease}.animonload1:nth-child(25){animation:elementload25 1.875s ease}.animonload1:nth-child(26){animation:elementload26 1.89s ease}.animonload1:nth-child(27){animation:elementload27 1.905s ease}.animonload1:nth-child(28){animation:elementload28 1.92s ease}.animonload1:nth-child(29){animation:elementload29 1.935s ease}.animonload1:nth-child(30){animation:elementload30 1.95s ease}body{margin:0;background-position:center;min-height:100vh;background-position-x:0px}.layer4{transition:background-position 0.05s linear;position:relative}.page{background:var(--bg-color-dark);padding:0.5vw;animation:loadpage 2s ease;position:relative}.titles{position:absolute;width:5px;border-radius:10px;background:var(--text-color-light);z-index:-10}.side-title{color:var(--text-color-light)}#titles-information{top:18.1%;height:1%;left:35px;animation:titles-load-1 3s ease}#titles-projects{top:18.1%;height:21%;left:21px;animation:titles-load-2 3s ease}#titles-nekovault{top:39%;height:15%;left:35px;animation:titles-load-4 3s ease}#titles-connector-1{top:-15px;height:22px;left:-6.5px;transform:rotate(-45deg);animation:titles-load-3 3s ease}#titles-contact{top:18.1%;height:60%;left:7px;animation:titles-load-5 3s ease}@keyframes titles-load-1{0%{height:0;opacity:0}1%{height:1%}50%{opacity:1}}@keyframes titles-load-2{0%{height:0;opacity:0}21%{height:21%}50%{opacity:1}}@keyframes titles-load-3{0%{height:0;opacity:0}18%{height:0}20%{height:22px}50%{opacity:1}}@keyframes titles-load-4{0%{height:0;opacity:0}20%{height:0}35%{height:15%}50%{opacity:1}}@keyframes titles-load-5{0%{height:0;opacity:0}50%{opacity:1}60%{height:60%}}.side-title{color:var(--text-color-light);position:absolute;padding:10px;left:-17px;top:100%;font-family:"JetBrains Mono";font-size:18px;writing-mode:vertical-rl;text-orientation:mixed}.text{color:var(--text-color-light);font-family:"JetBrains Mono";font-size:25px}h1{color:var(--text-color-light);font-family:"JetBrains Mono";font-size:40px;text-align:center}h2{color:var(--text-color-light);font-family:"JetBrains Mono";font-size:2vw;text-align:center}.text-container-one{padding:20px 5vw 20px 5vw}.text-container-two{text-align:center;padding-top:40px}.credits{padding:5vw;color:var(--text-color-light);font-family:"JetBrains Mono";font-size:1vw}.creditslink{color:var(--text-color-mid)}#information{transform:translate(-20px,0px) skew(10deg,0deg);color:#00000000;text-align:center;transition:transform 1s ease,color 1s ease}@media (max-width:900px){#information,.age{font-size:2vw}}.agestring{transition:padding 0.2s ease}.menubar-container{box-shadow:black 2px 2px 10px inset;border-radius:2vw}.menubar{font-family:"JetBrains Mono";font-size:40px;color:var(--text-color-light);display:flex;text-align:center}.menubutton:hover{width:100%;border-radius:0vw}.menubutton{color:inherit;text-decoration:none;width:35%;padding:10px 0px 10px 0px;transition:width 1s ease,border-radius 1s ease}.resume{position:relative;background:white;color:black;font-family:'Open Sans';width:90%;margin-left:5%;font-size:2vw;text-align:left;border-radius:2vw;box-shadow:0px 0px 5px black}.resume-title-div{background:#282736;color:white;padding:1vw 1vw 1vw 1vw;border-radius:1.6vw 1.6vw 0vw 0vw}.resume-title{text-align:left;font-size:4vw}.resume-subtitle{text-align:left;font-size:2vw;color:gray}.resume-contact-link{color:black}.resume-description{margin:1vw}.resume-description-title{font-size:3vw;margin:1.5vw 0vw 0vw 0vw}.resume-seperator{background:grey;margin:1vw 0vw 1vw 0vw;padding:0.1vw 40% 0.1vw 40%;border-radius:1vw}.stats{color:var(--text-color-light);font-family:"JetBrains Mono";font-size:2.5vw;position:relative;border-radius:5vw;padding:0vw}.peopleinspace{background:var(--bg-color-clear);border-radius:5vw;padding:2vw;height:0vw;animation-name:peopleinspaceload;animation-duration:1s;-webkit-transition:height 0.5s ease;-moz-transition:height 0.5s ease;-o-transition:height 0.5s ease;transition:height 0.5s ease}.person{background:var(--bg-color-clear);border-radius:5vw;width:100%;height:6vw;position:relative;animation-name:personload;animation-duration:1s}.personname{position:absolute;left:7vw;top:1.7vw;animation-name:contentloadstats;animation-duration:1s}.craft{position:absolute;right:7vw;top:1.7vw;animation-name:contentloadstats;animation-duration:1s}.crafticon{width:5vw;height:5vw;position:absolute;right:-6vw;bottom:-1vw;animation-name:contentloadstats;animation-duration:1s}.personicon{width:5vw;height:5vw;position:absolute;left:1vw;bottom:0.5vw;animation-name:contentloadstats;animation-duration:1s}.weather{color:var(--text-color-light);background:var(--bg-color-clear);font-family:"JetBrains Mono";font-size:3vw;position:relative;border-radius:5vw;padding:2vw 2vw 10vw 2vw;width:96%}.tempplot{position:absolute;left:3vw;bottom:1vw;width:96vw;height:8vw}.icon{width:10vw;height:10vw;position:absolute;right:2vw;top:2vw;transition:transform 1s ease;transform:scale(0)}.typing-text{padding-top:1.3vw;padding-left:1.3vw;text-align:left;font-size:2.5vw;background:var(--bg-color-clear);height:4.5vw;border-radius:2vw;width:0vw;color:transparent;box-shadow:black 2px 2px 10px inset;transition:width 1s ease,color 1s ease}.typing-text-char{display:inline-block;overflow:hidden;animation-name:typing-text-char-load;animation-duration:0.3s;animation-timing-function:ease-in-out}.typing-text-char-remove{display:inline-block;overflow:hidden;animation-name:typing-text-char-unload;animation-duration:0.3s;animation-timing-function:ease-in-out}.img-center{display:block;margin-left:auto;margin-right:auto;width:50%}.text-smaller{font-size:2vw}.align-center{text-align:center}.project-title{text-align:center;font-weight:600;font-size:30px}#project-one{padding:0.5vw;border-radius:3vw}.blog-widget{background:var(--bg-color-clear);padding:0.5vw;margin:20px 5vw 20px 5vw;border-radius:3vw;transition:margin 0.5s ease,padding 0.5s ease}.blog-post{position:relative;background:var(--bg-color-clear);padding:37px;margin:5vw;border-radius:3vw;transition:margin 0.5s ease,padding 0.5s ease}.blog-post-title{color:var(--text-color-light);font-family:"JetBrains Mono";text-align:center;font-size:37px}.blog-post-date{position:absolute;color:var(--text-color-mid);font-size:16px;font-family:"JetBrains Mono";top:1vw;right:2vw;transition:top 0.5s ease,right 0.5s ease}.blog-post-text{color:var(--text-color-light);font-family:"JetBrains Mono";text-align:left;font-size:18px}.blog-post-seperator{background:var(--text-color-light);margin:1vw 0vw 1vw 0vw;padding:0.1vw 40% 0.1vw 40%;border-radius:1vw;transition:margin 0.5s ease,padding 0.5s ease}.love-container{position:relative}.love::before,.love::after{padding:3vw;color:var(--text-color-light);content:"With <3";position:absolute;width:100%;height:100%;overflow:hidden;bottom:-3vw}.love::before{left:-3vw;text-shadow:-2px 0 red;animation-name:glitch-animation-1;animation-duration:2s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:reverse-alternate}.love::after{left:-3.1vw;text-shadow:-2px 0 blue;animation-name:glitch-animation-2;animation-duration:2s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:reverse-alternate}.gnome-easter-egg{position:absolute;transform:translate(-20vw,-20vw);transition:transform 0.1s ease;top:0;left:0}.gnome-image{width:20vw}.stopwatch-widget{background:var(--bg-color-clear);border-radius:5vw;padding:2vw;margin:2vw 2vw 20vw 2vw;position:relative}.stopwatch-toggle-button{background:var(--bg-color-clear);text-decoration:none;cursor:pointer;border:1px solid var(--text-color-light);border-radius:5vw;color:var(--text-color-light);font-family:"JetBrains Mono";font-size:2vw;padding:2vw;width:86vw;margin:2vw 0vw 2vw 2vw;float:left;transition:width 1s ease}.stopwatch-clear-button{background:var(--bg-color-clear);text-decoration:none;cursor:pointer;border:1px solid var(--text-color-light);border-radius:5vw;color:var(--text-color-light);font-family:"JetBrains Mono";font-size:2vw;padding:0vw;margin:2vw 2vw 2vw 0vw;width:0vw;opacity:0%;transition:opacity 0.5s ease,width 1s ease,padding 1s ease}.stopwatch-time{color:var(--text-color-light);font-family:"JetBrains Mono";font-size:5vw;padding:2vw;margin:2vw;transition:padding 1s ease,width 1s ease,margin 1s ease,font-size 1s ease;text-align:center}.stopwatch-clock{position:relative;background:var(--bg-color-clear);border-radius:100vw;height:35vh;width:35vh;margin:auto;text-align:center}.stopwatch-seconds{height:16vh;top:1.5vh;width:2vh;left:16.5vh;transform:rotate(0deg)}.stopwatch-minutes{height:12vh;top:5.5vh;width:2vh;left:16.5vh;transform:rotate(0deg)}.stopwatch-hours{height:9vh;top:8.5vh;width:2vh;left:16.5vh;transform:rotate(0deg)}.stopwatch-hands{position:absolute;background:var(--text-color-light);border-radius:100vw;transform-origin:bottom center;transition:transform 0.1s linear}.typing-test-widget{background:var(--bg-color-clear);border-radius:5vw;padding:2vw;margin:2vw;position:relative}.typing-words{position:relative;background:var(--bg-color-clear);border-radius:5vw;word-wrap:break-word;padding:2vw;margin:2vw}.typing-results{color:var(--text-color-light);font-family:"JetBrains Mono";font-size:3vw;background:var(--bg-color-clear);border-radius:5vw;padding:2vw;margin:2vw}.typing-letter-unconfirmed{color:var(--text-color-light);font-family:"JetBrains Mono";font-size:2vw}.typing-letter-confirmed{color:var(--text-color-confirmed);font-family:"JetBrains Mono";font-size:2vw}.typing-letter-error{color:var(--text-color-error);font-family:"JetBrains Mono";font-size:2vw}.typing-letter-indicator{position:absolute;top:0px;left:0px;color:var(--text-color-light);font-family:"JetBrains Mono";font-size:2vw;text-decoration:underline;transition:top 0.2s ease,left 0.2s ease,transform 0.2s ease;animation:loadletterindicator 0.2s ease}.matrix-widget{background:var(--bg-color-clear);border-radius:5vw;width:98.5vw;height:99vh;position:relative}.matrix-letters{opacity:0%;color:var(--text-color-light);font-family:"JetBrains Mono";font-size:2vw;position:absolute;animation:scrollletters 1s linear}@keyframes typing-text-char-load{0%{text-indent:-100%}100%{text-indent:0}}@keyframes typing-text-char-unload{0%{text-indent:0}100%{text-indent:-100%}}@keyframes loadletterindicator{0%{transform:translateX(-100vw) scaleX(22)}100%{transform:translateX(0vw) scaleX(1)}}@keyframes scrollletters{0%{opacity:0%;top:0px;transform:scale(0.5)}10%{opacity:100%;transform:scale(1)}100%{top:100vh;opacity:0%;transform:scale(0.5)}}@keyframes contentload{from{opacity:0%}to{opacity:100%}}@keyframes personload{0%{width:0%}50%{width:0%}100%{width:100%}}@keyframes contentloadstats{0%{opacity:0%}70%{opacity:0%}100%{opacity:100%}}@keyframes iconload{0%{width:0vw;height:0vw}60%{width:0vw;height:0vw}100%{width:10vw;height:10vw}}@keyframes weatherload{from{width:0%}to{width:96%}}@keyframes plotload{0%{opacity:0%;font-size:0vw;width:0%;height:0%}60%{opacity:0%;font-size:0vw}100%{opacity:100%;font-size:3vw}100%{width:96vw;height:8vw}}@keyframes elementload1{0%{transform:translate(0px,-20px);opacity:0}8%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload2{0%{transform:translate(0px,-20px);opacity:0}16%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload3{0%{transform:translate(0px,-20px);opacity:0}24%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload4{0%{transform:translate(0px,-20px);opacity:0}32%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload5{0%{transform:translate(0px,-20px);opacity:0}40%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload6{0%{transform:translate(0px,-20px);opacity:0}48%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload7{0%{transform:translate(0px,-20px);opacity:0}56%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload8{0%{transform:translate(0px,-20px);opacity:0}64%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload9{0%{transform:translate(0px,-20px);opacity:0}72%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload10{0%{transform:translate(0px,-20px);opacity:0}80%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload11{0%{transform:translate(0px,-20px);opacity:0}88%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload12{0%{transform:translate(0px,-20px);opacity:0}96%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload13{0%{transform:translate(0px,-20px);opacity:0}99.99%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload14{0%{transform:translate(0px,-20px);opacity:0}99.99%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload15{0%{transform:translate(0px,-20px);opacity:0}99.99%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload16{0%{transform:translate(0px,-20px);opacity:0}99.99%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload17{0%{transform:translate(0px,-20px);opacity:0}99.99%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload18{0%{transform:translate(0px,-20px);opacity:0}99.99%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload19{0%{transform:translate(0px,-20px);opacity:0}99.99%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload20{0%{transform:translate(0px,-20px);opacity:0}99.99%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload21{0%{transform:translate(0px,-20px);opacity:0}99.99%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload22{0%{transform:translate(0px,-20px);opacity:0}99.99%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload23{0%{transform:translate(0px,-20px);opacity:0}99.99%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload24{0%{transform:translate(0px,-20px);opacity:0}99.99%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload25{0%{transform:translate(0px,-20px);opacity:0}99.99%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload26{0%{transform:translate(0px,-20px);opacity:0}99.99%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload27{0%{transform:translate(0px,-20px);opacity:0}99.99%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload28{0%{transform:translate(0px,-20px);opacity:0}99.99%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload29{0%{transform:translate(0px,-20px);opacity:0}99.99%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes elementload30{0%{transform:translate(0px,-20px);opacity:0}99.99%{transform:translate(0px,-20px);opacity:0}100%{transform:translate(0px,0px);opacity:1}}@keyframes glitch-animation-1{0%{clip:rect(50px,350px,129px,30px)}5%{clip:rect(49px,350px,143px,30px)}10%{clip:rect(58px,350px,39px,30px)}15%{clip:rect(60px,350px,120px,30px)}20%{clip:rect(27px,350px,107px,30px)}25%{clip:rect(117px,350px,127px,30px)}30%{clip:rect(91px,350px,62px,30px)}35%{clip:rect(83px,350px,135px,30px)}40%{clip:rect(135px,350px,128px,30px)}45%{clip:rect(139px,350px,85px,30px)}50%{clip:rect(77px,350px,70px,30px)}55%{clip:rect(36px,350px,71px,30px)}60%{clip:rect(149px,350px,27px,30px)}65%{clip:rect(50px,350px,36px,30px)}70%{clip:rect(48px,350px,47px,30px)}75%{clip:rect(63px,350px,90px,30px)}80%{clip:rect(21px,350px,104px,30px)}85%{clip:rect(36px,350px,71px,30px)}90%{clip:rect(83px,350px,22px,30px)}95%{clip:rect(13px,350px,137px,30px)}100%{clip:rect(9px,350px,92px,30px)}}@keyframes glitch-animation-2{0%{clip:rect(21px,350px,108px,30px)}5%{clip:rect(12px,350px,119px,30px)}10%{clip:rect(148px,350px,65px,30px)}15%{clip:rect(78px,350px,135px,30px)}20%{clip:rect(90px,350px,41px,30px)}25%{clip:rect(30px,350px,80px,30px)}30%{clip:rect(41px,350px,21px,30px)}35%{clip:rect(86px,350px,107px,30px)}40%{clip:rect(32px,350px,115px,30px)}45%{clip:rect(131px,350px,62px,30px)}50%{clip:rect(125px,350px,26px,30px)}55%{clip:rect(23px,350px,121px,30px)}60%{clip:rect(94px,350px,63px,30px)}65%{clip:rect(91px,350px,47px,30px)}70%{clip:rect(22px,350px,74px,30px)}75%{clip:rect(145px,350px,65px,30px)}80%{clip:rect(90px,350px,80px,30px)}85%{clip:rect(121px,350px,121px,30px)}90%{clip:rect(11px,350px,64px,30px)}95%{clip:rect(146px,350px,8px,30px)}100%{clip:rect(17px,350px,84px,30px)}}