html,body{background:#eee;background:url("./img/bg-pattern.svg");background-size:cover;color:#333;font-family:'Arial';margin:0;padding:0}a{color:#112a5d;text-decoration-line:none}.skipNav{position:absolute;top:-1000px}.skipNav:focus{top:0}main{display:inline-flex;flex-wrap:nowrap;width:100%;min-height:88vh;background:transparent}main section{width:78%;padding:0;margin:0;line-height:1rem}main section .title{font-size:1.5rem}.recent h2{padding:.8rem 0 1.5rem 0.5rem;color:#4E5669}main section .projects{display:block;padding:0;margin:0;width:96%}main section .projects .card{background:rgba(255,255,255,0.3);display:flex;box-shadow:0 0 0 transparent;transition:box-shadow .2s ease-out;z-index:1}main section .projects .card:hover{box-shadow:0px 10px 8px rgba(0,0,0,0.7)}main section .projects .card:hover img{filter:grayscale(0.5)}main section .projects .card__left{flex-direction:column;display:none;width:20%;margin:.8rem 0;border-right:2px dotted #333}main section .projects .card__left img{padding:0rem .2rem;width:94%;filter:grayscale(1)}main section .projects .card__right{flex-direction:column;width:92%;line-height:1.2rem;padding:1rem 0;cursor:default}main section .projects .card__right .title{font-size:1rem;font-weight:bold;vertical-align:baseline}main section .projects .card__right p{margin:0;width:100%;padding:.8rem 0 0 1rem;font-size:1rem;line-height:1.2rem;vertical-align:baseline}main section .projects .card__right a{text-align:left;padding:0 .5rem}main section .projects .card__right p a{padding:0}@media (min-width: 1100px){main section .projects .card{display:flex;flex-direction:row;width:100%}main section .projects .card__left{display:flex;flex-direction:column;width:20%;margin:.8rem 0;border-right:2px dotted #333}main section .projects .card__left img{padding:0rem .2rem;width:94%;filter:grayscale(1)}main section .projects .card__right{flex-direction:column;line-height:1.7rem;padding:1rem 0;cursor:default}main section .projects .card__right .title{font-size:1rem;font-weight:bold;vertical-align:baseline}main section .projects .card__right p{margin:0;padding:0 1rem;width:96%;height:auto;overflow:hidden;font-size:1rem;line-height:1.2rem;vertical-align:baseline}main section .projects .card__right a{text-align:left;padding:0 .5rem}main section .projects .card__right p a{padding:0}}.card__left.about{justify-content:space-between}.about__tools{padding-top:1rem}.my__things{width:100%;list-style:none;position:relative;margin:.3rem 0;padding:0 1rem}main aside{padding:0 .5rem 0 0;margin:0;display:inline-flex;flex-wrap:nowrap;width:auto;min-width:100px;min-height:100vh;background:rgba(41,52,79,0.7)}main aside .title{width:100%;font-size:1.1rem;line-height:1.2rem;text-decoration-line:underline;padding:1.2rem 1rem 0 1rem;color:#eee;cursor:default}main aside ul{width:100%;padding:0 .5rem;margin:0;list-style:none}main aside ul li{text-align:left;padding:.3rem 0rem;margin:0}main aside ul li a{width:100%;font-size:.9rem;font-weight:600;text-decoration-line:none;color:#fff}main aside ul li a:hover{color:#ff6347}@media (min-width: 1100px){main aside{padding:0;margin:0;display:inline-flex;flex-wrap:nowrap;width:22%;min-width:145px;min-height:100vh;background:rgba(41,52,79,0.7)}main aside .title{font-size:1.8rem;line-height:2rem;text-decoration-line:underline;padding:0 .5rem;cursor:default}main aside section{width:100%;line-height:1rem;padding:0 1rem}main aside section ul{width:100%;padding:0;margin:0;list-style:none}main aside section ul li{text-align:left;padding:.5rem 0}main aside section ul li a{width:100%;font-size:1.4rem;text-decoration-line:none;color:#eee}main aside section ul li a:hover{color:#ff6347;text-decoration-line:underline}}button{width:100%;text-align:left;padding:.5rem;margin:0;font-family:'Arial';font-size:1rem;font-weight:bold;color:#eee;border:none;background:transparent;cursor:pointer}button:hover,button:focus{background:rgba(255,255,255,0.3)}button.emailBtn{background:#51596C;color:#eee;width:max-content;text-align:center}button.emailBtn:hover,button.emailBtn:focus{background:#f38b78}svg{margin:50px auto;width:15%}.logo{fill:#f38b78}.clip{animation:slide 8s}@keyframes slide{from{transform:translateY(-135px)}50%{transform:translateY(-5px)}to{transform:translateY(-135px)}}.recent{display:block}.codepen{display:none}.codepen h2{padding:.8rem 0 1.5rem 0.5rem;color:#4E5669}.codepen h3{padding:1.5rem 0 0 .5rem;margin:0}.codepen p{width:65%;padding:1rem;line-height:1.6rem;font-weight:bold;background:rgba(255,255,255,0.8);border-radius:0 5px 5px 0}.github{display:none}.github h2{padding:.8rem 0 0 .5rem;color:#4E5669}.github h3{padding-left:.5rem;font-size:1.5rem;color:#4E5669}.github p{width:80%;padding:1rem .5rem;line-height:1.2rem;font-weight:bold;background:rgba(255,255,255,0.8);border-radius:0 5px 5px 0}.github p .title{font-size:1.15rem}.github img{width:20%;height:auto;display:inline-flex}.linkedIn{display:none}.linkedIn h2{padding:.8rem 0 0 .5rem;color:#4E5669}.linkedIn a{margin:0 2em;line-height:1.5rem}.linkedIn__card{max-width:30rem;position:relative;background:rgba(255,255,255,0.4);background-size:cover;border-radius:0 5px 5px 0}.linkedIn__heading{display:inline-flex;vertical-align:top;margin:0 -2.5em;padding:2em 0;flex-direction:column}@media (max-width: 718px){.linkedIn__heading{margin:0 -1.3em;padding:0}img.linkedIn__profile{padding:1em 2em 1em .3em;display:inline-block}}.linkedIn__profile{padding:1rem;display:inline-block}img.linkedIn__profile{padding:1em 2em 1em .3em}.linkedIn__title{font-size:1.5rem;line-height:1rem;margin:0 1.3em 0.3em}.linkedIn__subtitle{font-size:1.2rem;margin:.5em 1.7em}.linkedIn__deets{font-size:1rem;margin:0 2em}.linkedIn__logo{position:absolute;bottom:5px;right:4px}.slack{display:none}.slack h2{padding:1.2rem 0 0 1rem;color:#4E5669}.slack form{width:70%;padding:1rem}@media (min-width: 660px){.slack form{width:70%;max-width:500px;padding:0.5rem 1rem}}.slack form input,.slack form textarea{width:100%;padding:.4rem;margin:1rem 0;background-color:#eee;background-color:rgba(255,255,255,0.86);color:#333;font-family:'Arial';font-size:1rem;border:none}.slack form label{color:#4E5669;font-weight:bold}.slack form label>*{margin:.2rem 0 1rem 0}.slack form textarea{background-color:#eee;background-color:rgba(255,255,255,0.86);color:#333;font-family:'Arial';font-size:1rem}.slack form input.submitBtn{width:min-content;padding:.4rem .8rem;margin:0;border:none;text-align:center;background-color:#4E5669;cursor:pointer;color:#eee}.slack form p{text-align:left;line-height:1.5rem;font-weight:bold;color:#333}.slack form p a{color:#fff;font-weight:normal;text-decoration-style:dotted}.slack p{padding:1rem}sup{text-transform:lowercase;font-size:.8rem}.banner{margin:0;padding:0;width:100%;height:auto;background-color:#f38b78;color:#333}.banner h4{line-height:1rem;text-align:center;text-transform:uppercase;font-size:1rem;padding:1rem 1.5rem;margin:0}.main__fullView{min-width:400px;display:flex;height:100%;flex-direction:row;flex-wrap:wrap;overflow-y:hidden}.main__fullView .banner{height:7vh;text-align:center;font-weight:600;background:#f38b78;display:inline-flex;justify-content:center;align-items:center}@media (max-width: 500px){.main__fullView .banner{font-size:.8rem;font-weight:normal}}.main__content{height:93vh;order:1;margin:.6rem 1.5rem;flex:1}.main__sideBar{min-width:125px;max-width:165px;flex:0 1 30%;background:#29344f;background:rgba(41,52,79,0.7);color:#eee;padding:1rem}.main__sideBar>*{justify-content:flex-start;padding:inherit}.main__sideBar__link,.main__sideBar__title{color:#eee;width:100%}.main__sideBar__title{font-size:1.2rem;line-height:1.2rem;text-decoration-line:underline;margin:0}.main__sideBar__link{font-size:1rem;font-weight:bold;text-decoration-line:none;display:inline-flex}