/*
* vncnt.css
* Copyright 2017-2019, Vincent von Schelm
* vncnt.eu
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 
* This file expects to inherit a ton of stuff from barebones.css
*/

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
* Note: The best way to structure the use of media queries is to create the queries
* near the relevant code. For example, if you wanted to change the styles for buttons
* on small devices, paste the mobile query code up in the buttons section and style it
* there.
*/
@import url(barebones.css);h1.h3-like,h2.h3-like{font-size:3.4rem;line-height:1.3;letter-spacing:-.1rem}.landingpage,.error404{position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);max-width:90%}.error404{text-transform:uppercase;text-align:center}p.reset-margin{margin-bottom:1rem;font-size:1.2em}.avatar{width:20rem;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;max-width:60%;box-sizing:border-box;display:block;margin:auto}.autocenter{text-align:center}.icons{bottom:0}.icons h2,h3{margin-bottom:0}.icon{text-rendering:geometricPrecision!important;text-decoration:none;border-bottom:none;position:relative;color:#555}@media screen and (orientation:portrait){#bongo-cat{position:relative;top:50px}}@media (min-width:600px){h1.h3-like,h2.h3-like{font-size:3.4rem}.grid-container.fivetoseven{grid-template-columns:5fr 7fr}.item{align-self:center}.landingpage,.error404{position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);max-width:75%}.avatar{max-width:200%;box-sizing:border-box;float:right}.autocenter{text-align:left;padding:0 0}}@media (min-width:900px){html{--base-font-size:80%}p.reset-margin{margin-bottom:2rem}}@font-face{font-family:'Riko';src: url(../fonts/HuiFont109.woff2) format("woff2"), url(../fonts/HuiFont109.ttf.woff) format("woff");}