mirror of
https://github.com/Wessel/portfolio.git
synced 2026-06-06 11:25:47 +02:00
2 lines
2.7 KiB
CSS
2 lines
2.7 KiB
CSS
.container{top:40%;left:50%;position:absolute;text-align:center;transform:translateX(-50%) translateY(-50%) scale(1.5, 1.5)}h1{margin:0;color:#aaa9a9;font-size:calc(24px + 11vw);font-family:"ArchivoBlack",sans-serif;text-decoration:underline;line-height:1.2}p{font-weight:lighter;font-size:calc(12px + 1.5vw);font-family:"Whitney",sans-serif;margin:0}.unselectable{user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}::-moz-selection{background-color:rgba(128,0,0,.3)}::selection{background-color:rgba(128,0,0,.3)}@font-face{font-family:"Mfizz";src:url("../font/mfizz-custom.eot");src:url("../font/mfizz-custom.eot?#iefix") format("embedded-opentype"),url("../font/mfizz-custom.woff") format("woff"),url("../font/mfizz-custom.ttf") format("truetype"),url("../font/mfizz-custom.svg#Glyphter") format("svg");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:Whitney;font-weight:300;src:url(../font/Whitney-300.woff) format("woff")}@font-face{font-family:ArchivoBlack;src:url(../font/ArchivoBlack.woff) format("woff")}.btn{color:#fff;transition:all .5s;position:relative}.btn::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(255,255,255,.2);transition:all .3s}.btn:hover::before{opacity:0;transform:scale(0.5, 0.5)}.btn::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:all .3s;border:1px solid rgba(255,255,255,.5);transform:scale(1, 1.2)}.btn:hover::after{opacity:1;transform:scale(1, 1)}.btn,input[type=submit]{transition:all 350ms ease;-webkit-transition:all 350ms ease;-ms-transition:all 350ms ease;-moz-transition:all 350ms ease;-o-transition:all 350ms ease;background-color:rgba(0,0,0,0);border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:"Whitney",sans-serif;font-size:calc(10px + .6vw);font-weight:500;height:38px;line-height:38px;margin:.5em;padding:0 30px;text-align:center;text-decoration:none}:root{font-size:16px}body{color:#f5f5f5;background:url(../img/404-background-compressed.png) no-repeat center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:rgba(44,47,51,.7);background-blend-mode:multiply}.fade-in{animation:fadeIn ease .4s;-webkit-animation:fadeIn ease .4s;-moz-animation:fadeIn ease .4s;-o-animation:fadeIn ease .4s;-ms-animation:fadeIn ease .4s}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}/*# sourceMappingURL=404.css.map */
|