personal-site/assets/css/style.css

1 line
7.6 KiB
CSS
Raw Normal View History

2020-04-16 22:11:17 +02:00
/*! 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}