personal-site/assets/css/style.css
2020-04-16 22:11:17 +02:00

1 line
7.6 KiB
CSS
Executable File

/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,700,700i");:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}hr{height:0}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{padding:0}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin:.5rem 0 1.5rem;font-family:Open Sans,Helvetica,Arial,sans-serif}.h1,h1{font-size:2rem;line-height:1.25}@media (min-width:43.75em){.h1,h1{font-size:2.5rem;line-height:1.125}}@media (min-width:56.25em){.h1,h1{font-size:3em;line-height:1.05}}.h2,h2{font-size:1.625em;line-height:1.15384615}@media (min-width:43.75em){.h2,h2{font-size:2em;line-height:1.25}}@media (min-width:56.25em){.h2,h2{font-size:2.25em;line-height:1.25}}.h3,h3{font-size:1.375em;line-height:1.13636364}@media (min-width:43.75em){.h3,h3{font-size:1.5em;line-height:1.25}}@media (min-width:56.25em){.h3,h3{font-size:1.75em;line-height:1.25}}.h4,h4{font-size:1.125em;line-height:1.11111111}@media (min-width:43.75em){.h4,h4{line-height:1.22222222}}blockquote{font-size:1.25em;line-height:1.25;padding:0}@media (min-width:43.75em){blockquote{font-size:1.5em;line-height:1.45833333}}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{font-family:Open Sans,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.75;font-size:100%;color:#000;overflow-x:hidden;margin:0}@media screen and (min-width:768px){body{font-size:112.5%}}body p,body ul{margin:0 0 2rem}::-moz-selection{background:purple;color:#fff}::selection{background:purple;color:#fff}audio,iframe,img,object,video{max-width:100%}a{color:purple}a:hover{color:#340034}.noList{list-style:none;padding-left:0;margin-left:0}dt{font-weight:700}dd{margin:0 0 1.5rem}.half main{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:768px){.half main{-ms-flex-direction:row;flex-direction:row;height:100vh;width:100vw;-ms-flex-align:stretch;align-items:stretch}}.half main .pageTitle{color:purple;font-weight:300}.half main>div{padding:20px}@media screen and (min-width:768px){.half main>div{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-pack:center;justify-content:center;padding:50px}}.half .socialLinks__link{background-color:transparent;display:inline-block;position:relative;font-family:Open Sans,Helvetica,Arial,sans-serif;text-decoration:none;color:purple;font-size:.9em;line-height:1.2em;font-weight:300;padding:.5em 1.5em;border:1px solid purple;border-radius:4px;cursor:pointer;margin-bottom:.5em;transition:background-color .14s ease-in-out}.half .socialLinks__link:focus,.half .socialLinks__link:hover{color:#fff;text-decoration:none;background-color:purple}.half__content{-ms-flex-order:2;order:2}@media screen and (min-width:768px){.half__content.half--left{-ms-flex-order:1;order:1;-ms-flex-preferred-size:0.75;flex-basis:0.75;max-width:40vw}}.half__image{min-height:50vh;-ms-flex-order:1;order:1;background-size:cover;background-position:50%}@media screen and (max-width:800px){.half__image{background-image:url(/assets/img/half-sm.jpg)}}@media screen and (min-width:801px) and (max-width:1200px){.half__image{background-image:url(/assets/img/half-md.jpg)}}@media screen and (min-width:1200px){.half__image{background-image:url(/assets/img/half-lg.jpg)}}.full{min-height:100vh;background-color:#213334}.full,.full .socialLinks__link{color:#fff;font-family:Open Sans,Helvetica,Arial,sans-serif;font-weight:300}.full .socialLinks__link{background-color:transparent;display:inline-block;position:relative;text-decoration:none;font-size:.9em;line-height:1.2em;padding:.5em 1.5em;border:1px solid #fff;border-radius:4px;cursor:pointer;margin-bottom:.5em;transition:background-color .14s ease-in-out}.full .socialLinks__link:focus,.full .socialLinks__link:hover{color:#000;text-decoration:none;background-color:#fff}.full__image{background-size:cover;background-position:50%}@media screen and (max-width:800px){.full__image{background-image:url(/assets/img/full-sm.jpg)}}@media screen and (min-width:801px) and (max-width:1200px){.full__image{background-image:url(/assets/img/full-md.jpg)}}@media screen and (min-width:1200px){.full__image{background-image:url(/assets/img/full-lg.jpg)}}@media screen and (min-width:768px){.full__image{position:absolute;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh}}@media screen and (min-width:768px){.full main{display:-ms-flexbox;display:flex;height:100vh;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}}.full main.content--left{-ms-flex-pack:start;justify-content:flex-start}.full main.content--center{-ms-flex-pack:center;justify-content:center}.full__content{padding:20px}@media screen and (min-width:768px){.full__content{max-width:50vw;z-index:1;position:relative}}.full__image{min-height:50vh;-ms-flex-order:1;order:1}.card{min-height:100vh;font-family:Open Sans,Helvetica,Arial,sans-serif;font-weight:300;background-color:#213334;background-size:cover;background-position:50%}@media screen and (max-width:800px){.card{background-image:url(/assets/img/card-sm.jpg)}}@media screen and (min-width:801px) and (max-width:1200px){.card{background-image:url(/assets/img/card-md.jpg)}}@media screen and (min-width:1200px){.card{background-image:url(/assets/img/card-lg.jpg)}}.card .pageTitle{color:purple;position:relative;padding-top:1.25rem}.card .pageTitle:before{content:"";position:absolute;top:0;left:0;width:6.25rem;height:.4375rem;background-color:purple;display:block}.card .socialLinks__link{background-color:transparent;display:inline-block;position:relative;text-decoration:none;color:purple;font-size:.9em;line-height:1.2em;font-weight:300;padding:.5em 1.5em;border:1px solid purple;border-radius:4px;cursor:pointer;margin-bottom:.5em;transition:background-color .14s ease-in-out;font-family:Open Sans,Helvetica,Arial,sans-serif}.card .socialLinks__link:focus,.card .socialLinks__link:hover{color:#fff;text-decoration:none;background-color:purple}@media screen and (max-width:768px){.card main{margin:10%}}@media screen and (min-width:768px){.card main{height:100vh;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}}.card__content{padding:40px;background-color:#fff;border-radius:.625rem}@media screen and (min-width:768px){.card__content{max-width:37.5rem;z-index:1;position:relative}}.card__image{min-height:50vh;-ms-flex-order:1;order:1}