4 lines
17 KiB
CSS
4 lines
17 KiB
CSS
|
/* Hi! This file was generated, so it's hard to read. The source code is at home-page/index.html.scss */
|
||
|
|
:root{color-scheme:dark;} .visually-hidden{clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; overflow:hidden; position:absolute; white-space:nowrap; width:1px;}button{-webkit-appearance:none; border:none; padding:0; background:none; font:inherit; color:inherit;}button:not(:disabled){cursor:pointer;}a{text-decoration:none; color:inherit;}html,body{height:100%;}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';margin:0; background-color:#171931; color:rgba(255,255,255,0.7); word-break:break-word;}code,pre{font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;}.strip{position:absolute; z-index:-1; top:0; left:0; right:0; height:145px; background-image:linear-gradient(180deg,transparent 86.21%,rgb(23,25,49,0.75) 86.21%,rgb(23,25,49,0.92),#171931),linear-gradient(90deg,#20de88,#28bbe8);}.intro{position:fixed; bottom:50%; right:50%; z-index:5; transform-origin:bottom right; animation:to-corner-then-disappear 2s cubic-bezier(0.7,0,0.35,1) 1.2s forwards;}@keyframes to-corner-then-disappear{ 0%{bottom:50%; right:50%; transform:scale(1);}70%{bottom:35px; right:35px; opacity:1; transform:scale(0.5);} 80%{bottom:35px; right:35px; opacity:1; transform:scale(0.5);}100%{bottom:35px; right:35px; opacity:0; transform:scale(0.5);}}.intro-back{position:absolute; top:50%; left:50%; border-radius:50%; background-color:black; pointer-events:none; transform:translateZ(0); animation:circle-in 0.8s 0.8s both;}@keyframes circle-in{from{ width:142vmax; height:142vmax; margin:-71vmax;}to{width:100px; height:100px; margin:-50px;}}.logo{position:absolute; width:90px; top:50%; left:50%; transform:translate(-50%,-48%); pointer-events:none;}.logo-path{fill:none; stroke:rgba(255,255,255,0.7); stroke-width:20; animation:stroke-intro 1s 0.5s backwards;}@keyframes stroke-intro{from{stroke-dasharray:0 1376; stroke-dashoffset:-170;}to{stroke-dasharray:1376 0; stroke-dashoffset:-730;}}.from-sheep .logo-path{animation:none;}sheep-btn{animation:do-not-show-so-quickly 0.2s 2.4s backwards;}@keyframes do-not-show-so-quickly{from{opacity:0;}to{opacity:1;}}.about{max-width:600px; width:100%; margin:0 auto;}.card{border-radius:10px; overflow:hidden; padding:0 20px; margin:20px; background-color:#24364a; box-shadow:0 3px 10px rgba(0,0,0,0.5);}.card p,.card h2{margin:15px 0;}.card h2{color:rgba(255,255,255,0.9); font-weight:normal;}.a11y-link:focus{position:fixed; top:0; left:0; margin:20px; background:white; color:#066460; padding:10px 20px; box-shadow:0 3px 10px rgba(0,0,0,0.5); border-radius:5px; overflow:visible; width:auto; height:auto; clip:auto; clip-path:none;}.card h1{margin-top:20px; margin-bottom:-15px; display:inline-block; -webkit-background-clip:text; background-clip:text; color:transparent; background-image:linear-gradient(90deg,#20de88,#28bbe8); font-size:64px;}.card .datum{margin-top:1em;}.attribute{background-color:#111213; text-transform:uppercase; font-size:0.8em; padding:5px 10px; border-radius:50px; margin-right:5px;}.age-clickable{cursor:pointer; color:rgba(255,255,255,0.9);}.age{position:relative; display:inline-block; -webkit-user-select:none; user-select:none;}.age span{position:absolute; -webkit-user-select:text; user-select:text; color:rgba(255,255,255,0.8);}.age span::after{content:attr(data-last); color:var(--last); position:absolute; top:1em; left:0;}.insignificant{opacity:0.4;}.emoji{ color:white;}.line{border:none; border-top:1px solid rgba(151,189,179,0.2); margin:15px -20px;}.intern-stats{ padding-left:27px; margin:15px 0;}.applied{color:#fdba74;}.denied{color:#fca5a5;}.interviews{color:#fde047;}.interests{display:grid; grid-template-columns:1fr 1fr; grid-template-rows:100px 200px; grid-template-areas:"sheep webdev" "sheep ling";padding:0; list-style:none; margin:0 -20px;}.interest{display:flex; align-items:flex-end; justify-content:flex-start; padding:10px; background-size:cover; background-position:center;}.interest-name{background-color:rgba(0,0,0,0.5); padding:2px 10px; border-radius:20px;}.interest-shee
|
||
|
|
/*please work*/
|