article,body{background-color:var(--lightgray)}footer,header{overflow:hidden}.card,.lifeline,.ll-list-container li,main{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}:root{--fullwhite:#FFFFFF;--lightgray:#ECECEC;--other-lightgray:#dfdfdf;--base-color:hsl(180, 46%, 42%);--complement1:hsl(0, 46%, 42%);--complement2:hsl(0, 46%, 37%);--lighter1:hsl(185, 46%, 52%);--lighter2:hsl(190, 46%, 62%);--darker1:hsl(180, 46%, 32%);--darker2:hsl(180, 46%, 22%);--header-color:hsl(180, 46%, 42%);--header-hover:hsl(0, 46%, 37%);--dark-text:hsl(180, 46%, 15%);--light-text:hsl(180, 46%, 95%);--ll-personal:#63b8b8;--ll-work:#b87163;--ll-school:#6b6b6b}body,html{margin:0;padding:0;height:100%}body{font:16px "Open Sans","Segoe UI",Helvetica,Calibri,Arial,sans-serif;color:var(--dark-text);display:flex;flex-flow:column nowrap}*,:after,:before{box-sizing:border-box}.no-top-margin{margin-top:0}.no-bottom-margin{margin-bottom:0}.pre-wrap{white-space:pre-wrap}.a-as-btn,.site-link{text-decoration:none;transition:all .2s ease}.btn-a-container{--margin-size:0.25em;margin:calc(-1 * var(--margin-size))}.a-as-btn{display:inline-block;margin:var(--margin-size);padding:.5em 1em;background-color:var(--base-color);color:var(--lightgray);border-radius:3px}.a-as-btn:hover{background-color:var(--lighter2)}.a-as-btn:visited{background-color:var(--lighter1)}.site-link{color:var(--base-color)}.site-link:active{color:var(--darker2)}.site-link:visited{color:var(--base-color)}.site-link:hover{color:var(--complement2);text-decoration:underline}footer>p,header>h1{color:var(--light-text)}header{text-align:center;background-color:var(--header-color);background-image:url(../img/hexagons.svg),linear-gradient(to bottom,var(--header-color) 0,var(--darker1) 100%);flex-shrink:0;width:100%;margin:0;padding:4em .5em}header>h1{font-weight:700}header.full-heigth{height:100vh;display:flex;justify-content:center;align-items:center;font-size:150%;text-shadow:1px 1px var(--dark-text)}main{flex:1 0 auto}article{padding:2em .5em;display:flex;flex-flow:row wrap;justify-content:space-around;align-items:flex-start;max-width:1280px;margin:auto}.card{background-color:var(--fullwhite);flex:.25 1 500px;padding:1em;margin:.5em;border-radius:4px}.lifeline,.ll-list-container li{padding:.5em;border-radius:3px;background-color:var(--lightgray);transition:all .5s ease}.lifeline:hover,.ll-list-container li:hover{background-color:var(--other-lightgray);border-left-width:1em}.lifeline{margin:.5em 0}.lifeline:first-of-type{margin-top:1em}.lifeline:last-of-type{margin-bottom:0}.ll-personal{border-left:.5em solid var(--ll-personal)}.ll-work{border-left:.5em solid var(--ll-work)}.ll-school{border-left:.5em solid var(--ll-school)}.highlight-personal>p:not(.ll-personal),.highlight-school>p:not(.ll-school),.highlight-work>p:not(.ll-work){opacity:.25}.ll-list-container{display:flex;flex-flow:row nowrap;justify-content:space-between;padding:0;margin:0;list-style:none;cursor:pointer}.ll-list-container li{flex-grow:1;max-width:calc((100% / 3) - .5em)}footer{text-align:center;background-color:var(--header-color);background-image:url(../img/hexagons.svg),linear-gradient(to bottom,var(--darker1) 0,var(--header-color) 100%);flex-shrink:0;width:100%;margin:0;padding:2em .5em}footer>p{font-weight:lighter}