@import url("https://fonts.googleapis.com/css?family=Heebo:400,900|Open+Sans|Itim");:root{line-height:1.5rem;scroll-behavior:smooth}body{margin:0;font-family:"Open Sans", sans-serif;overflow:auto;color:black;background-color:#f8f8ff}p{margin-top:1.5rem;margin-bottom:1.5rem}h1,h2,h3,h4{line-height:1;margin-top:1.5rem;margin-bottom:1.5rem}h1,h2{margin:0;padding:1.5rem 0}#nextPage{display:none}@media screen and (min-width: 40rem) and (min-height: 26rem){#nextPage{display:block;width:8rem;height:3rem;position:absolute;bottom:0;right:0;border-top-left-radius:0.5rem;background:black;animation:glow 1s ease-in-out infinite alternate both}@keyframes glow{from{background:rgba(0,0,0,0.2)}to{background:rgba(0,128,128,0.8)}}}.container{margin:0 auto;width:100%}#menu{position:fixed;top:0;left:0;z-index:200;width:100%;max-height:3rem;background-color:#111;overflow:hidden;transition:max-height 0.5s;display:flex;flex-direction:column;justify-content:space-between}#nav-highlight{background-color:teal;width:100%;height:3rem;position:absolute;top:0;left:0;z-index:200;transition:all 0.25s;opacity:1}#nav-highlight[data-target=""],#nav-highlight[data-target="top"]{opacity:0}#menu.show{height:24rem;max-height:100vh;overflow:auto}#menu ul{list-style:none;margin:0;padding:0;position:relative;z-index:300}#nextPage,#menu a{color:#f8f8ff;text-decoration:none;font-family:"Open Sans", sans-serif;font-weight:bold;display:flex;justify-content:center;align-items:center;height:3rem}.menu--connect{display:flex;flex-wrap:wrap;justify-content:center;font-size:1.5rem;border-top:1px solid #f8f8ff}.menu--connect a{width:2.4rem}@media screen and (min-width: 40rem) and (min-height: 26rem){#menu{position:absolute;top:100vh;right:0;left:auto;width:8rem;height:100vh;max-height:none}#menu.fixed{position:fixed;top:0;right:0}#menu .menu-handle{display:none}}.page-header{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;color:#f8f8ff}.page-header--title{display:flex;flex-wrap:wrap;text-align:center}.page-header--title h1{flex:100%;font-family:"Heebo", sans-serif;font-size:10vw;font-weight:900;position:relative}@media screen and (min-width: 40rem){.page-header--title h1{font-size:5vw}}.page-header--title h1::after{content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80%;margin:auto;border-bottom:1px solid #f8f8ff}.page-header--caption{flex:100%;font-family:"Open Sans", sans-serif;font-size:8vw;padding:1.5rem 0}@media screen and (min-width: 40rem){.page-header--caption{font-size:3vw}}.stack{display:flex;flex-wrap:wrap;justify-content:space-around;min-width:15rem}.stage,.stage::after{cursor:pointer}.stage{--description-margin: 0.1rem;--description-width: 15rem;--arrow-size: 6px;flex:0 0 33%;height:5em;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0;margin-bottom:2em;padding:0 0.5rem;box-sizing:border-box;position:relative}@media screen and (min-width: 60rem){.stack{flex-wrap:nowrap}}.stage::after{content:'';display:block;width:var(--arrow-size);height:var(--arrow-size);transform:rotate(45deg) translateX(-50%);position:absolute;top:100%;left:50%;border-color:#f8f8ff;border-style:solid;border-width:0;border-bottom-width:var(--size);border-right-width:var(--size)}.stage:focus::after{border-width:0;background-color:#f8f8ff;border-top-width:var(--size);border-left-width:var(--size)}.stage,.stage:link,.stage:active,.stage:hover{color:#f8f8ff;text-decoration:none}.stack .term,.stack .description{display:block;text-align:center}.stage .description{max-height:0;max-width:0;width:var(--description-width);position:absolute;top:100%;left:50%;z-index:100;transform:translateX(-50%);background-color:#f8f8ff;color:black;margin:var(--description-margin);border-radius:0.5rem;box-shadow:2px 2px 4px rgba(0,0,0,0.5);transition:all 0.5s;overflow:hidden}.stage:nth-child(3n) .description{left:auto;right:0;transform:none}.stage:nth-child(3n+1) .description{left:0;transform:none}@media screen and (min-width: 40rem){.stage:nth-child(3n) .description,.stage:nth-child(3n+1) .description{left:50%;right:auto;transform:translateX(-50%)}}.stage:focus .description{max-height:20rem;max-width:var(--description-width)}.description span{display:block;text-align:center;margin:0.5rem;width:calc(var(--description-width) - 1rem)}.bgvideo-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.bgvideo{position:absolute;z-index:-1000;top:50%;left:50%;transform:translate(-50%, -50%);min-width:100%;min-height:56.25vw;width:auto;height:auto;overflow:hidden;background-image:url("../Coverr/Snapshots/Love-Coding.jpg");background-position:center;background-size:cover}section h2{font-size:2.5rem;color:teal;margin:0}.header{flex:0 0 100%;text-align:center;border-bottom:1px inset silver;padding-bottom:1.5rem}.content{max-width:32em;min-width:15rem;padding:0 1rem 1.5rem 1rem}@media screen and (min-width: 40rem) and (min-height: 26rem){.content{margin:0 9rem}}#objective,#objective h2{background-color:teal;color:#f8f8ff}#bio{background-color:#f8f8ff;color:black;width:100%}#bio .content{display:flex;flex-wrap:wrap;justify-content:center;max-width:98em;padding-bottom:1.5rem}.profilePic{margin:0 1rem;padding-top:1.5rem;flex:1 1;display:flex;justify-content:center;align-items:center}.profilePic .imageFrame{--size: 15rem;width:var(--size);height:var(--size);max-width:var(--size);max-height:var(--size);overflow:hidden;border-radius:50%;border:0.5rem solid white;box-shadow:0 3px 6px 0 rgba(0,0,0,0.5);position:relative}.profilePic img{width:100%;position:absolute;top:50%;transform:translateY(-50%)}#bio .about{flex:1 1;max-width:32em;min-width:16em;margin:0 1em 1.5rem 0}#bio .stats{flex:1 1}.stats dt{font-weight:bold;margin-top:1.5rem}.stats dl>dt,.stats dl>dd{margin:0}.stats dt:first-child{margin:0}.location a:visited{color:#6495ed}#skills{background-color:var(--tan)}.skill--categories{display:grid;grid-template-columns:1fr 1fr;grid-gap:1em}@media screen and (min-width: 40rem){.skill--categories{grid-template-columns:1fr 1.5fr}}.skill--category{flex:1}.category--title{color:teal;margin-bottom:0;font-style:italic}.skill--detail{margin:0}.skill--skillbar{width:100%;height:0.75em;background-color:silver}.skill--skillbar::before{display:block;content:'';background:#333;height:100%}.skill--skillbar.level-60::before{width:60%}.skill--skillbar.level-80::before{width:80%}.skill--skillbar.level-100::before{width:100%}.skill--level{text-align:right;font-style:italic;font-size:0.75em;line-height:1}ul.skill--list{padding-left:30px;text-indent:-0.25em}#history .header{padding-bottom:0;margin-bottom:1.5rem}#history .content{max-width:46em}#history .job{break-inside:avoid}#history .job .title,#history .job .employer{font-weight:bold}#history .job .title{font-size:1.2em}#history .job .description{max-height:0;overflow:hidden;transition:max-height 0.8s}#history .job .description.show{max-height:45rem}#history .job .read-description{border:none;border-top:1px solid silver;background-color:transparent;color:#6495ed;line-height:3em;width:100%;margin-bottom:1.5rem}#history .job .read-description:focus{outline:none}@media screen and (min-width: 40rem){#history .job{display:grid;grid-template-columns:2fr 4fr;grid-column-gap:1rem;grid-auto-flow:dense;margin-bottom:1.5rem}.job .title{grid-row:1 / span 2}.job .employer,.job .date,.job .location{grid-column-start:1}#history .job .title,#history .job .description{grid-column-start:2;max-height:none}#history .job .description p:first-child{margin-top:0}#history .job .read-description{display:none}}.certificate{display:grid;grid-template-columns:1fr;grid-column-gap:1rem;margin-bottom:1.5rem}.certificate--name{font-weight:bold}.certificate--info{display:flex;justify-content:space-between}.certificate--info>*{display:block}.certificate--image{display:block;width:100%}.certificate--source{color:blue}@media screen and (min-width: 40rem){#certification .content{max-width:46em}.certificate{grid-template-columns:1fr 1fr;grid-template-rows:1.5rem 1.5rem auto}.certificate--image{grid-row:1 / span 4}.certificate--headline{grid-column:2;grid-row:1 / span 2;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}}section{margin-top:-3rem;border-top:3rem solid transparent;background-clip:padding-box;display:flex;justify-content:center}@media screen and (min-width: 40rem) and (min-height: 26rem){section{margin-top:0;border-top:0}}@media print{body,#bio{background-color:white}.container::before{content:'Print Version\A View an interactive version of this CV on the Web:\A https://vaggrippino.github.io/CVRemix/';display:block;width:80%;margin:0 auto 1.5rem;text-align:center;font-weight:bold;padding:0.25em;border:2px solid silver;box-shadow:-3px 3px 0 0 rgba(0,0,0,0.5);white-space:pre}#menu{display:none}.bgvideo-container{display:none}.page--header{background-color:transparent;color:black;height:auto;flex-direction:row;justify-content:flex-start;border-color:silver;border-style:solid;border-width:1px 0}.page-header--title{display:flex;align-items:baseline}.page-header--title h1{font-size:2rem;flex:0 1 auto;padding:1.5rem 1rem}.page-header--title h1::after{display:none}.page-header--caption{font-size:1rem;flex:0 1 auto}.stack{display:none}section{border-bottom:1px solid silver;margin-bottom:1.5rem}#bio,#skills{break-inside:avoid}#history,#certification{break-before:page}#bio .location a{display:none}#skills .more-info{display:none}#history .job:not(:last-of-type){border-bottom:1px solid silver;margin-bottom:1.5rem;padding-bottom:1.5rem}#history .read-description{display:none}}