*{box-sizing:border-box}html,body{margin:0;padding:0;background-image:url(/images/background-1.png);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center;font-family:Roboto,sans-serif}.break{margin-left:auto;margin-right:auto;width:95vw;height:5px;justify-self:center;background:#fff;opacity:.25}@media (max-width: 800px){.break{width:90vw}}header{margin-top:20px}header a{color:#000;text-decoration:none;text-align:center}header>.break{margin-left:auto;margin-right:auto}header>.top{width:90vw;display:flex;justify-self:center;height:50px;justify-content:space-between;margin-left:auto;margin-right:auto}header .hamburger-icon{height:30px;aspect-ratio:1 / 1;align-self:center;cursor:pointer}header h3{margin:0;font-size:1.5em;font-weight:400;align-self:center}header .top>a{display:flex}.top a .light-italic{font-size:1.2em;font-style:italic;padding:0 20px;opacity:.5;color:#fff}header .top>.lg{align-content:center}header .top .lg>a{font-style:normal;font-weight:400;font-size:1.25em;margin-left:50px;padding:10px;transition:.25s;width:90px;position:relative;display:inline-block}.lg a:before,.lg a:after{content:"";position:absolute;width:0;height:0;border:2px solid #000;transition:width .3s ease,height .3s ease}.lg a:before{top:0;left:0;border-right:none;border-bottom:none;opacity:0}.lg a:after{bottom:0;right:0;border-left:none;border-top:none;opacity:0}.lg a:hover:before{width:85%;height:65%;opacity:1}.lg a:hover:after{width:85%;height:65%;opacity:1}header .closed>a{margin:0 auto;opacity:0;height:0;width:0;transition:height .75s,opacity .25s width 1s ease 2s;cursor:default}header .closed a>h3{font-size:0;transition:1s}header .closed .break{opacity:0;height:0;transition:.1s}.sm>.break{margin-left:auto;margin-right:auto}.sm a{display:block;height:40px;align-content:center;justify-self:center;margin:5px 0;width:95vw;transition:.25s}.sm a:hover{background-color:#ffffff40}@media (max-width: 800px){header h3{font-size:1.35em}header .top>a{display:block}.top a .light-italic{font-size:1em;font-style:italic;padding:0;opacity:.5}header>.top{width:80vw;height:75px;align-items:center}header .hamburger-icon{height:30px;aspect-ratio:1 / 1;align-self:center;cursor:pointer}.sm a{margin-left:auto;margin-right:auto;width:90vw}}.home{justify-self:center;margin-top:100px}.home .button{background:#fff3;border:1px solid #000000;border-radius:50px;width:22.5vw;max-width:400px;height:60px;justify-self:center;align-self:center;font-weight:400;font-size:1.1em;color:#000;cursor:pointer;z-index:1;transition:.2s;text-decoration:none;text-align:center;align-content:center}.home .button:hover{background:#ffffff80;font-size:1.2em;letter-spacing:1px}.home .main-card{margin-left:auto;margin-right:auto;display:grid;grid-template-columns:50% 50%;grid-template-rows:repeat(6,100px);width:70vw;max-width:900px;justify-self:center}.main-card .button>img{height:15px;aspect-ratio:1 / 1;margin:0 5px}.home .main-card>.background{width:100%;height:100%;background-color:#fff;opacity:.25;box-shadow:0 10px 20px #00000040;grid-row:1 / -1;grid-column:1 / -1}.main-card>.headshot{aspect-ratio:1/1;border-radius:100%;grid-row:2 / 5;grid-column:1 / 2;width:75%;justify-self:center;align-self:center;z-index:1;box-shadow:0 0 25px 15px #0000001a}.main-card>.name{grid-row:2 / 3;grid-column:2 / -1;text-align:center;align-self:center;z-index:1}.main-card>.resume{grid-row:3 / 4;grid-column:2 / -1}.main-card>.linkedin{grid-row:4 / 5;grid-column:2 / -1}.main-card>.more{grid-row:6 / 7;grid-column:1 / -1}.home>.projects{margin-top:100px}.projects>h3{margin:0;font-size:1.5em;font-weight:400;align-content:center;margin-left:2.5vw;height:50px}.projects>.cards{margin:50px 0;display:flex;height:300px}.projects .cards>.vert-break{width:5px;height:80%;background:#ffffff40;align-self:center;justify-self:center;margin:0 20px}.cards>.project-card{display:grid;grid-template-columns:55% 45%;grid-template-rows:50px 250px;width:35vw;color:#000;text-decoration:none}.project-card>h3{z-index:1;justify-self:center;align-self:center;margin:0;font-size:1.5em;font-weight:400;grid-column:1 / -1;grid-row:1 / 2}.project-card>img{z-index:1;width:85%;max-height:90%;align-self:center;justify-self:center;border-radius:5px;grid-column:1 / 2;grid-row:2 / -1}.project-card>p{z-index:1;padding:0 15px;align-self:center;grid-column:2 / -1;grid-row:2 / -1}.project-card>.background{grid-column:1 / -1;grid-row:1 / -1;transition:.2s;background:#ffffff1a;box-shadow:0 10px 20px #00000040}.project-card:hover>.background{background:#ffffff40}.cards>.project-link{flex:1;height:100%;color:#000;text-decoration:none;align-content:center;justify-items:center;background:#ffffff1a;box-shadow:0 10px 20px #00000040;transition:.2s}.cards .project-link>h3{display:block;font-style:normal;font-weight:400;font-size:1.25em;padding:10px;text-align:center}.cards>.project-link:hover{background:#ffffff40}@media (max-width: 1000px){.home>.projects{margin-top:50px}.projects>h3{margin-left:10vw}.projects>.break{width:90vw}.projects>.cards{display:block;height:800px;background:none;justify-self:center;margin-top:25px}.cards>.project-card{grid-template-columns:45% 55%;grid-template-rows:40px 180px;width:90vw;margin:20px auto;background:#fff3}.cards>.project-link{display:block;height:100%;color:#000;text-decoration:none;align-content:center;justify-items:center;background:#fff3;height:50px;width:90vw;margin-left:auto;margin-right:auto}.cards .project-link>h3{font-style:normal;font-weight:400;font-size:1.25em;margin:0}.projects .cards>.vert-break{width:90vw;height:5px;margin:20px auto}}@media (max-width: 800px){.home{margin-top:50px}.home .button{border-radius:50px;width:35vw;max-width:400px;height:35px;font-size:.9em}.home .button:hover{font-size:.95em;letter-spacing:1px}.home .main-card{display:grid;grid-template-columns:55% 45%;grid-template-rows:100px 75px 75px 75px 100px;width:90vw}.main-card .button>img{height:10px}.main-card>.headshot{width:80%}.main-card>.name{grid-row:1 / 2;grid-column:1 / -1}.main-card>.resume{grid-row:2 / 4;grid-column:2 / -1}.main-card>.linkedin{grid-row:3 / 5}.main-card>.more{grid-row:5 / 6}}.about{justify-self:center;margin:50px 0}.about>h1{font-weight:700;font-size:3em;align-items:center;text-align:center;cursor:default}.about>.card{width:70vw;background-color:#ffffff40;box-shadow:0 10px 20px #00000040;display:grid;grid-template-rows:50px,1fr;grid-template-columns:100%;margin:50px auto}.about .card>h3{padding-left:2.5vw;font-weight:400;font-size:1.5em;cursor:default}.about-card>div{display:grid;grid-template-columns:60% 40%;width:100%;min-height:400px}.about-card img{border-radius:100%;grid-column:2 / -1;grid-row:1;width:75%;max-height:375px;aspect-ratio:1 / 1;justify-self:center;align-self:center}.about-card .about-p{align-self:center}.about-card p{padding:5px 25px}.year-selector{justify-self:center;justify-content:center;display:flex;margin:50px 10px 10px}.about .vert-break{height:75px;width:5px;background:#fff;opacity:.25;align-self:center;margin:0 10px;transition:1s}.year-selector span>.lg{font-weight:700;font-size:5em;align-items:center;text-align:center;color:#fff;opacity:.25;transition:.5s;cursor:pointer;margin:0}.year-selector span>.lg:hover{opacity:.6}.year-selector span>.selected{opacity:1;cursor:default}.year-selector span>.selected:hover{opacity:1}.history-card .content{display:grid;grid-template-columns:40% 60%;min-height:450px}.history-card .content>ul{align-self:center;opacity:1;transition:opacity 1s}.history-card .content li{margin:20px;font-size:1.1em}.history-card .content>img{width:80%;max-height:90%;justify-self:center;align-self:center;border-radius:10px;margin-left:auto;margin-right:auto;opacity:1;transition:opacity 1s}.history-card .content.fade>img{opacity:0;transition:0s}.history-card .content.fade>ul{opacity:0;transition:0s}.about>.projects-card{margin-bottom:150px}.projects-card .project-selector{display:flex;justify-self:center;justify-content:center;margin:10px}.project-selector>h1{font-weight:700;font-size:3em;align-items:center;text-align:center;color:#fff;transition:.5s;margin:0;text-transform:uppercase;min-width:50vw;cursor:default}.project-selector>.arrow{color:#fff;transform:scale(4.5);align-self:center;justify-self:center;cursor:pointer;transition:.2s;opacity:.25;margin:0 20px}.project-selector>.arrow:hover{transform:scale(5);opacity:1}.project-selector>.project-name{opacity:1;transition:opacity .75s ease .25s}.project-selector>.project-name.fade{opacity:0;transition:0s}.projects-card .content{min-height:400px;display:grid;grid-template-columns:50% 50%;grid-template-rows:1fr 150px;align-items:center}.projects-card .content>img{grid-column:1 / 2;grid-row:1 / 3;width:80%;max-height:90%;justify-self:center;border-radius:10px;opacity:1;transition:opacity 1s;margin-left:auto;margin-right:auto}.projects-card .content>p{grid-column:2 / -1;grid-row:1 / 2;padding:10px;margin-left:auto;margin-right:auto;opacity:1;transition:opacity 1s}.projects-card .content.fade>img{opacity:0;transition:0s}.projects-card .content.fade>p{opacity:0;transition:0s}.projects-card .content button{grid-column:2 / -1;grid-row:2 / -2;background:#fff3;border:1px solid #000000;border-radius:50px;width:80%;justify-self:center;padding:0;font-weight:400;font-size:1.1em;align-items:center;text-align:center;cursor:pointer;height:50px;opacity:1;transition:opacity 1s;transition:.2s}.projects-card .content .git-project-links{width:100%}.projects-card .content .git-project-links>button{display:block;margin:10px auto}.projects-card .content.fade button{opacity:0;transition:0s}.projects-card .content button img{align-self:center;height:15px;padding:0 10px}.projects-card .content button:hover{font-size:1.2em;letter-spacing:1px;background:#ffffff80}@media (max-width: 1000px){.year-selector span>.lg{font-size:4em}.about-card>div{display:grid;grid-template-columns:50% 50%;width:100%}.about-card p{font-size:.8em}.history-card .content{display:block;min-height:475px;align-content:center}.history-card .content li{font-size:.8em}.history-card .content>img{display:flex;width:50vw}.projects-card .content{display:block;justify-items:center;align-content:space-around;min-height:550px}.projects-card .content>img{display:flex;width:50vw}.projects-card .content>p{width:90%;justify-self:center}.projects-card .content button{display:block;width:50vw;margin-bottom:30px;margin-left:auto;margin-right:auto;font-size:.95em;height:35px;color:#000;text-decoration:none}.projects-card .content button img{height:10px}.projects-card .content button:hover{font-size:1em}.project-selector>h1{font-size:2em}}@media (max-width: 800px){.about>.card{width:90vw}.project-selector>h1{min-width:60vw}}@media (max-width: 650px){.year-selector span>.lg{font-size:3em}.about .vert-break{height:40px;width:3px;transition:1s}.about-card>div{display:block}.about-card img{display:flex;width:50%;margin:10px auto}.year-selector{margin-top:10px}.project-selector>.arrow{transform:scale(3.5)}.project-selector>.arrow:hover{transform:scale(4)}.project-selector>h1{font-size:1.75em}.about>h1{font-size:2em}}@media (max-width: 500px){.year-selector span>.lg{font-size:2em}}.contact{justify-items:center}.contact>h1{font-weight:700;font-size:3em;align-items:center;text-align:center;margin:30px}.contact>.main-card{background:#ffffff40;box-shadow:0 10px 20px #00000040;width:70vw;max-width:900px;justify-self:center;justify-items:center;margin-left:auto;margin-right:auto}.main-card>p{font-size:.9em;padding-top:15px;letter-spacing:1px;text-align:center}.main-card p>a{font-weight:600;text-decoration:none;color:#000;opacity:.5;cursor:pointer;transition:.2s}.main-card p>a:hover{opacity:1}.contact .main-card>form{width:80%;padding:10px 0;margin-bottom:150px}form>div{display:grid;min-height:50px;grid-template-columns:25% 75%;margin-top:50px}form>div:nth-child(1){margin-top:15px}form label{height:32px;font-size:1.25em;line-height:28px;text-align:right;align-self:start;padding:10px 15px 0}form input,form textarea,form button{height:45px;background:#ffffff80;border:1px solid #000000;border-radius:20px}form input{padding-left:20px;font-size:1em;color:#000000a0}form textarea{font-family:Roboto,sans-serif;padding-left:20px;padding-top:12px;font-size:1em;color:#000000a0;height:180px}form button{margin:20px 0;cursor:pointer;transition:.2s;font-size:1.1em;color:#000;font-weight:400}form button:hover{background:#ffffffb3;font-size:1.2em;letter-spacing:1px}form .error{margin:0 0 0 225px;font-style:italic;color:red}form .submit-msg{text-align:center;font-size:2em;font-weight:600}form .submit-error{text-align:center;font-size:2em;font-weight:600;color:red}@media (max-width: 800px){.contact>h1{font-size:2em}.contact>.main-card{width:90vw}.main-card>p{font-size:.85em}.contact .main-card>form{width:95%;padding:25px 0;margin-bottom:150px}form>div{grid-template-columns:30% 70%}form label{font-size:1.1em}form input,form textarea{font-size:.9em}form .error{margin-left:30vw}}