mirror of
https://github.com/Lucas-V-L/lucasvl.nl.git
synced 2024-10-29 19:38:16 -05:00
1 line
5.9 KiB
CSS
1 line
5.9 KiB
CSS
|
:root{--background-color:#030b07}*{box-sizing:border-box;margin:0}body{background-color:var(--background-color);font-family:Monospace}body,html{height:100%}html{color:#fff}img{display:block}#mouse{background-color:#fff;height:auto;left:-100%;mix-blend-mode:difference;pointer-events:none;position:absolute;top:-100%;width:auto}#distort{animation:blur .5s infinite;box-sizing:content-box;filter:url(#trilight) grayscale(100%) brightness(75%) sepia(100%) saturate(7.5) blur(.7px);height:85%;margin:-8vh 0;padding:8vh 7%;position:fixed;top:8.5%;width:85%}@-moz-document url-prefix(){#distort{animation:blurff .5s infinite;filter:grayscale(100%) brightness(75%) sepia(100%) saturate(7.5) blur(.7px)}}@keyframes blurff{0%{filter:grayscale(100%) brightness(75%) sepia(100%) saturate(7.5) blur(.7px)}to{filter:grayscale(100%) brightness(75%) sepia(100%) saturate(7.5) blur(1px)}}@keyframes blur{0%{filter:url(#trilight) grayscale(100%) brightness(75%) sepia(100%) saturate(7.5) blur(.7px)}to{filter:url(#trilight) grayscale(100%) brightness(75%) sepia(100%) saturate(7.5) blur(1px)}}#displayscreen{animation:flicker .2s infinite,lines .2s infinite;background-color:rgba(0,0,0,.1);background-image:repeating-linear-gradient(#00000090,#00000090 2px,transparent 0,transparent 4px);background-repeat:repeat;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}#displayscreen:after{animation:toptobottom 7s linear infinite;background-image:linear-gradient(transparent,#00000090 50%,transparent);height:10%}#displayscreen:after,#displayscreen:before{background-attachment:fixed;background-repeat:no-repeat;background-size:100% 100%;content:"";position:fixed;width:100%}#displayscreen:before{animation:toptobottom 7s linear 3.5s infinite;background-image:linear-gradient(transparent,#00000090 65%,transparent);height:12%}@keyframes toptobottom{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@keyframes lines{0%{translate:0 -1px}to{translate:0 1px}}#scrollbox{height:100%;isolation:isolate;overflow:visible;padding:10px 10px 2em;position:relative;width:100%}::selection{background-color:#fff;color:var(--background-color)}.svgfilter{left:-200%;position:absolute;top:-200%;visibility:hidden}#border,.svgfilter{height:100%;width:100%}#border{pointer-events:none;position:fixed}@keyframes flicker{5%{opacity:.34769}15%{opacity:.90626}30%{opacity:.65583}50%{opacity:.96019}55%{opacity:.08594}75%{opacity:.37288}80%{opacity:.71428}to{opacity:.24387}}#bootscreen{animation:boot 10.5s step-end 1 forwards;background:var(--background-color);height:calc(100% - 10px);left:10px;overflow:hidden;padding:inherit;position:absolute;top:-100%;width:calc(100% - 10px)}#bootscreen,#bootscreen *{cursor:none}@keyframes boot{0%{top:10px}to{display:none}}#bootscreen>*{animation:bootpages 1s step-start 1 forwards;background:var(--background-color);display:inherit;height:100%;left:-100%;padding:inherit;position:absolute;top:0;width:100%}#boot-frame-1{animation:bootpages 1s step-start 2s 1 forwards,fade-in 1s linear 2s 1 forwards}#boot-frame-2{animation-delay:5s}#boot-frame-3{animation-delay:6s}#boot-frame-4{animation-delay:9.5s}@keyframes bootpages{to{left:0}}@keyframes fade-in{0%{opacity:0}to{opacity:100%}}#boot-frame-3>.imgcontainer>img{display:inline;padding-left:5px}.imgcontainer{max-width:100%;overflow-x:hidden;position:relative;white-space:nowrap}#bootscreen>*>p{padding-bottom:10px}#boot-frame-3>p{animation:appear 1s step-start 1 forwards;padding-bottom:0;visibility:hidden}@keyframes appear{0%{visibility:hidden}to{visibility:visible}}#boot-frame-3>p:first-child{animation-delay:6s}#boot-frame-3>p:nth-child(2){animation-delay:6.1s}#boot-frame-3>p:nth-child(3){animation-delay:6.2s}#boot-frame-3>p:nth-child(4){animation-delay:6.3s}#boot-frame-3>p:nth-child(5){animation-delay:6.6s}#boot-frame-3>p:nth-child(6){animation-delay:6.7s}#boot-frame-3>p:nth-child(7){animation-delay:6.9s}#boot-frame-3>p:nth-child(8){animation-delay:7s}#boot-frame-3>p:nth-child(9){animation-delay:7.2s}#boot-frame-3>p:nth-child(10){animation-delay:7.3s}#boot-frame-3>p:nth-child(11){animation-delay:7
|