:root{--black:#222;--white:#eee;--blue:#6ec9ff;--yellow:#ffa833;--themeBlue:#0453db;--themeYellow:#ba2d0b;--html:#e34f26;--css:#1e5fa9;--sass:#c66395;--js:#f0db4f;--react:#00d8ff;--node:#669f64;--gulp:#cb4546;--git:#c13f21;--npm:#c53635;--stylelint:#fff;--stylelintlight:#000}html{box-sizing:border-box;font-family:Roboto,sans-serif;letter-spacing:1px}body{background:var(--black);transition:all .5s ease}*,::after,::before{box-sizing:inherit;margin:0}a{text-decoration:none;box-shadow:0 0 0 0 var(--blue);transition:box-shadow .3s linear}a.light{box-shadow:0 0 0 0 var(--themeBlue)}a.light:hover{box-shadow:0 2px var(--themeBlue)}a:hover{box-shadow:0 2px var(--blue)}.theme__btn{bottom:20px;right:20px;position:fixed;padding:0;border:none;color:var(--blue);cursor:pointer;outline:0;background:0 0;transition:.5s ease}.theme__btn.light{color:var(--themeBlue)}.theme__btn:hover{transform:scale(1.2)}.fa-moon,.fa-sun{margin:0}#about.light,#footer.light,#header.light,#major.light,#minor.light,#professional.light,#skills.light,body.light{background-color:var(--white);color:var(--black)}#about,#codepen,#footer,#major,#minor,#professional,#skills{padding:2rem 1.2rem}.wrapper{max-width:800px;margin:0 auto}.section__title{margin-bottom:2rem;font-size:1.6rem;border-bottom:2px solid var(--yellow);display:inline-block;transition:border-bottom .5s ease}.section__title.light{border-bottom:2px solid var(--themeYellow)}#header{background-color:var(--black);color:var(--white);display:flex;justify-content:space-between;padding:2rem 1.2rem;transition:all .5s ease}@media (min-width:350px){#header{justify-content:space-around}}#header .header__img{height:110px;border-radius:4px}@media (min-width:350px){#header .header__img{height:125px}}#header .header__textblock{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}#header .header__textblock .header__title{font-family:'Permanent Marker',cursive;margin:0;font-size:2rem}@media (min-width:380px){#header .header__textblock .header__title{font-size:2.5rem}}@media (min-width:600px){#header .header__textblock .header__title{font-size:3.5rem}}#header .header__textblock .header__email{color:var(--blue);align-self:center;transition:all .5s ease}@media (min-width:380px){#header .header__textblock .header__email{font-size:1.1rem}}#header .header__textblock .header__email.light{color:var(--themeBlue)}#about{background-color:var(--black);color:var(--white);transition:all .5s ease}#about .about__blurb{max-width:650px;margin:0 auto;line-height:1.5}#about .about__blurb .about__name{color:var(--yellow);font-weight:700;transition:all .5s ease}#about .about__blurb .about__name.light{color:var(--themeYellow)}#about .about__blurb .about__blurb--link{color:var(--blue);transition:all .5s ease}#about .about__blurb .about__blurb--link.light{color:var(--themeBlue)}#professional{background-color:var(--black);color:var(--white);transition:all .5s ease}#professional .professional__project{margin-bottom:4rem}#professional .professional__project:last-child{margin-bottom:0}#professional .professional__project .professional__project--title{text-align:center;margin-bottom:1.5rem;font-size:1.5rem}#professional .professional__project .professional__img--big{width:100%;margin:0 auto 1.5rem;max-width:500px;display:block;border-radius:4px}#professional .professional__project .professional__right{display:flex;margin:0 auto 1.5rem;justify-content:space-evenly;max-width:480px}#professional .professional__project .professional__right .professional__img--small{height:200px;border-radius:4px}#professional .professional__project .professional__right .professional__right--link{display:flex;flex-direction:column;justify-content:center;align-items:center}#professional .professional__project .professional__right .professional__right--link a{margin:.7rem 0;color:var(--blue);transition:all .5s ease}#professional .professional__project .professional__right .professional__right--link a.light{color:var(--themeBlue)}#professional .professional__project .professional__description{margin:0 auto;line-height:1.5;max-width:650px}.tech{color:var(--yellow);transition:all .5s ease}.tech.light{color:var(--themeYellow)}#major{background-color:var(--black);color:var(--white);transition:all .5s ease}#major .major__project{margin-bottom:4rem}#major .major__project:last-child{margin-bottom:0}#major .major__project .major__project--title{text-align:center;margin-bottom:1.5rem;font-size:1.5rem}#major .major__project .major__img--big{width:100%;margin:0 auto 1.5rem;max-width:500px;display:block;border-radius:4px}#major .major__project .major__right{display:flex;margin:0 auto 1.5rem;justify-content:space-evenly;max-width:480px}#major .major__project .major__right .major__right--links{display:flex;flex-direction:column;justify-content:center;align-items:center}#major .major__project .major__right .major__right--links .major__right--link{margin:.7rem 0;color:var(--blue);transition:all .5s ease}#major .major__project .major__right .major__right--links .major__right--link.light{color:var(--themeBlue)}#major .major__project .major__right .major__img--small{height:200px;border-radius:4px}#major .major__project .major__description{margin:0 auto;line-height:1.5;max-width:650px}#major .major__project .major__description .tech{color:var(--yellow);transition:all .5s ease}#major .major__project .major__description .tech.light{color:var(--themeYellow)}#minor{background-color:var(--black);color:var(--white);margin-bottom:-2rem;transition:all .5s ease}#minor .minor__grid{max-width:775px;margin:-2rem 0 1rem}@media (min-width:650px){#minor .minor__grid{display:grid;grid-template-columns:1fr 1fr;margin-left:2rem}}#minor .minor__grid .minor__project{display:flex;justify-content:space-around;margin:2rem auto;max-width:310px}@media (min-width:650px){#minor .minor__grid .minor__project{margin:2rem 1rem 1rem}}#minor .minor__grid .minor__project .minor__project--img{height:100px;width:100px;margin-right:1.2rem;border-radius:4px}#minor .minor__grid .minor__project .minor__project--text{display:flex;flex-direction:column;flex-grow:1;justify-content:space-evenly}#minor .minor__grid .minor__project .minor__project--text .minor__project--title{font-size:1.1rem}#minor .minor__grid .minor__project .minor__project--text .minor__project--link{color:var(--blue);align-self:flex-start;transition:all .5s ease}#minor .minor__grid .minor__project .minor__project--text .minor__project--link.light{color:var(--themeBlue)}#skills{background-color:var(--black);color:var(--white);transition:all .5s ease}#skills .skills__list{list-style:none;display:flex;flex-flow:row wrap;justify-content:space-evenly;padding:0;margin:-1rem 0}#skills .skills__list .skills__item{display:flex;flex-direction:column;align-items:center;margin:1rem;justify-content:center}#skills .skills__list .skills__item p{padding-top:.5rem}#skills .skills__list .skills__item i{font-size:50px}#skills .skills__list .skills__item .fa-html5{color:var(--html)}#skills .skills__list .skills__item .fa-css3-alt{color:var(--css)}#skills .skills__list .skills__item .fa-sass{color:var(--sass)}#skills .skills__list .skills__item .fa-js{color:var(--js)}#skills .skills__list .skills__item .fa-react{color:var(--react)}#skills .skills__list .skills__item .fa-node{color:var(--node)}#skills .skills__list .skills__item .fa-gulp{color:var(--gulp)}#skills .skills__list .skills__item .fa-git{color:var(--git)}#skills .skills__list .skills__item .fa-npm{color:var(--npm)}#skills .skills__list .skills__item .stylelint{fill:var(--stylelint);transition:all .5s ease}#skills .skills__list .skills__item .stylelint.light{fill:var(--stylelintlight)}#skills .skills__list .skills__item .skills__img{height:50px}#footer{background-color:var(--black);color:var(--white);transition:all .5s ease}#footer .footer__links{text-align:center}#footer .footer__links .footer__social{display:flex;justify-content:space-evenly;margin-bottom:2rem}#footer .footer__links .footer__social .footer__social--link{color:var(--blue);font-size:2rem;transition:all .5s ease}#footer .footer__links .footer__social .footer__social--link.light{color:var(--themeBlue)}#footer .footer__links .footer__email{color:var(--blue);font-size:1.2rem;text-align:center;align-self:center;transition:all .5s ease}#footer .footer__links .footer__email.light{color:var(--themeBlue)}