:root{--lightergreen: #EEF5F0;--lightgreen1: #DEEBE3;--lightgreen2: #CEE2D5;--lightgreen3: #BDD8C8;--lightgreen4: #B0CEBB;--lightgreen5: #A3C5AF;--lightgreen6: #95BBA3;--lightgreen7: #88B197;--darkgreen1: #6E957C;--darkgreen2: #60826D;--darkgreen3: #53705D;--darkgreen4: #455D4E;--darkgreen5: #374A3E;--darkgreen6: #29382E;--darkgreen7: #1B251F;--darkestgreen: #0D120F;--mygreen: #77ad8b;--mylightgreen: #5e9472;--mydarkgreen: #225836;--lightlight: #EEF5F0;--mauve: #885274;--lightmauve: #CFBAC7;--darkmauve: #523146}*{font-family:Helvetica,Arial,sans-serif;line-height:1.5em}html{scroll-padding-top:50px;position:relative;min-height:100%;padding-bottom:30px}.central-part{display:flex;flex-direction:column;justify-content:center}header h1{padding:20px 10px 0;letter-spacing:1px}header{margin-bottom:20px}main{max-width:1000px;padding:10px 10px 40px;margin:0 auto;flex:7}.contentdiv p,.contentdiv h2,.contentdiv h3,.contentdiv h4,.contentdiv pre,.contentdiv img{animation:evilfadein 2s linear}@keyframes evilfadein{0%,50%{opacity:0}to{opacity:1}}aside{display:flex;padding:10px;flex-direction:column}footer{position:absolute;left:0;bottom:0;width:100%;overflow:hidden;background-color:var(--mylightgreen);margin:0;padding:10px 10px 5px 40px}p{margin:2px 2px 10px}pre{font-family:monospace}header hr{background-color:var(--mygreen);padding:2px}.contentdiv h1{margin-bottom:20px;color:var(--darkestgreen);animation:fadein 1s linear}.fakeh1{color:var(--darkestgreen);display:block;font-size:2em;margin:.67em 0 20px;font-weight:700;opacity:0;animation:fadein 2s linear 1s}.fade{animation:fadein 2s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}h2{color:var(--darkestgreen)}h3{color:var(--mydarkgreen)}h4{color:var(--darkgreen5)}a:link{color:var(--mydarkgreen)}a:visited{color:var(--darkgreen6)}a:hover{color:var(--lightgreen6)}a:active{color:var(--lightgreen4)}button{font-size:inherit;padding:7px 10px;border-radius:5px;background-color:var(--lightgreen7);border-color:var(--lightgreen7);margin-bottom:10px}button:hover{background-color:var(--lightgreen5)}.postElement p{margin-bottom:1px}.postDate{font-size:80%}.tags{margin-top:0;margin-bottom:0;font-size:80%;color:#2f4f4f}.postAlt{font-size:80%;color:var(--darkgreen6)}.postAlt a{color:var(--darkgreen5)}.postElement{font-size:110%;padding:7px 0}.postLanguage{text-transform:uppercase}img{max-width:90%;margin:10px;height:auto;animation fadein 1s linear}.magazine-style-align-left{float:left;max-width:40%;margin:20px 20px 20px 0}.alternative{animation:fadein 1s linear;font-size:90%;margin:-10px 0 0;padding-top:0;color:#202020}.alternative p{margin:0}pre{padding:5px;background-color:var(--lightlight);font-family:monospace;margin-bottom:10px;white-space:pre-wrap}.darkcopyandpastepre{padding:5px;background-color:#171421;color:#fff}.lightcopyandpastepre{padding:5px}table,th,td{border:1px solid}table{margin-top:10px;margin-bottom:10px;border-collapse:collapse}th,td{padding:5px}th{background-color:var(--mygreen)}.notes{color:#202020;font-size:90%}.form-container{float:left}.invisible-button{background-color:transparent;border:none;display:block;font:inherit;margin:0;padding:0;color:var(--mydarkgreen);border-bottom:2px solid var(--mydarkgreen)}.invisible-button:hover{border-bottom-style:solid;border-bottom-color:var(--mygreen);color:var(--mygreen)}.invisible-button:active{border-bottom:2px solid var(--mylightgreen);color:var(--mylightgreen);text-shadow:1px 1px darkgrey}#contact-me{margin:0}.contact-form-container{display:flex;flex-direction:column;align-items:center}form{max-width:700px;background-color:var(--lightlight);border-radius:5px;padding:50px}.form-row{margin-bottom:40px;display:flex;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;width:100%}.form-row input[type=text],.form-row input[type=email],.form-row textarea{border-radius:3px;padding:7px;font-size:100%}.form-row label{margin-bottom:15px}.form-row textarea{min-height:100px;resize:vertical}.form-row button{font:inherit;font-weight:700;background-color:var(--mygreen);border:none;border-radius:3px;width:100%;padding:10px 0;cursor:pointer}.form-row button:hover{background-color:var(--mylightgreen)}.welcome{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}@media only screen and (min-width: 800px){.central-part{flex-direction:row;justify-content:space-between}aside{max-width:30%;flex-direction:column}form{padding:5px}.form-row input[type=text],.form-row input[type=email],.form-row textarea{font-size:smaller}main{margin-left:20px;padding-left:10px}header h1{padding-left:22%}}.red{color:red}