-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.css
1 lines (1 loc) · 3.07 KB
/
index.css
1
:root{--pagePadding: 0px 20vw}@media screen and (max-width: 1024px){:root{--pagePadding: 0px 15vw}}@media screen and (max-width: 720px){:root{--pagePadding: 0px 10vw}}@media screen and (max-width: 500px){header{padding-top:60px !important}header img{width:96px !important;height:96px !important}header h1{font-size:2rem !important}}html{font-size:12pt}@media screen and (max-width: 300px){html{font-size:10pt}}@media screen and (min-width: 1920px){html{font-size:13pt}}body{margin:var(--pagePadding);background:#f3f2ef;font-family:"Linux Libertine Display O",serif}figure{margin-block:0px;margin-inline:0px}header,main{transition:opacity .4s ease-in;opacity:0}header{padding-top:90px;position:relative;width:fit-content;padding-bottom:.5rem;margin:0 auto;display:flex;align-items:center;justify-content:center;border-bottom:2px solid #1b1b1b}header img{width:128px;height:128px;border-radius:50%;border:6px solid #1b1b1b;border-bottom-width:9px;margin-right:18px}header h1{font-size:3rem;font-family:"Linux Libertine C";margin-block-end:0rem}header p{margin-block-start:0px}header nav.social-links{position:absolute;display:flex;flex-direction:row-reverse;right:0px;bottom:-28px}header nav.social-links a{color:inherit;text-decoration:none}header nav.social-links i{font-size:1rem;width:18px;display:inline-flex;justify-content:center;background:#1b1b1b;color:#f5f5f5;padding:5px}header nav.social-links i:hover{background:#444}main{margin-top:24px;padding-bottom:64px}main div.sites article{padding-top:40px}main div.sites article h1{display:block;font-size:1.5rem;margin-block-start:.5rem;margin-block-end:10px}main div.sites article .usedTechnologies{text-align:right}main div.sites article .usedTechnologies svg{opacity:.75}main div.sites article .usedTechnologies svg:hover{opacity:1}main div.sites article p{margin-block-start:.5rem;font-size:1.15rem}main div.sites article nav{display:flex;flex-direction:row-reverse}main div.sites article nav button{appearance:none;border:1px solid #ccc;margin-left:4px;background:#050505;color:#fff;cursor:pointer;padding:8px 12px}main div.sites article nav button:hover{background:linear-gradient(to top, #050505, #202020)}main div.sites figure>div{height:0px;overflow:hidden;position:relative;padding-bottom:56.5%}main div.sites .swiper{position:absolute;top:0px;bottom:0px;left:0px;right:0px}main div.sites .swiper-slide img{width:100%;height:100%;object-fit:cover}main nav.libraries{margin-top:6rem}main nav.libraries>h1{font-size:1.75rem;border-bottom:4px solid #1b1b1b}main nav.libraries ul{list-style-type:none;padding:0px;margin:0px}main nav.libraries ul>a:not(:first-of-type) li{margin-top:.5rem}main nav.libraries a{color:inherit;text-decoration:none}main nav.libraries li{border:2px solid #1b1b1b;padding:12px}main nav.libraries li:hover{background:rgba(0,0,0,.1)}main nav.libraries li h1{margin:0px;display:flex;font-size:1.3rem;align-items:center}main nav.libraries li p{margin:8px 0px}main nav.libraries li svg{filter:grayscale(1)}footer{position:absolute;left:0px;right:0px;height:4em;text-align:right;background:#fff}footer span{display:inline-block;margin-top:1.5em;margin-right:1em}