: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;letter-spacing:1px;font-family:Roboto,sans-serif}body{background:var(--black);transition:all .5s}*,:before,:after{box-sizing:inherit;margin:0}a{box-shadow:0 0 0 0 var(--blue);text-decoration:none;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{color:var(--blue);cursor:pointer;background:0 0;border:none;outline:none;padding:0;transition:all .5s;position:fixed;bottom:20px;right:20px}.theme__btn.light{color:var(--themeBlue)}.theme__btn:hover{transform:scale(1.2)}.fa-sun,.fa-moon{margin:0}body.light,#header.light,#about.light,#professional.light,#major.light,#minor.light,#skills.light,#footer.light{background-color:var(--white);color:var(--black)}#about,#professional,#major,#minor,#skills,#codepen,#footer{padding:2rem 1.2rem}.wrapper{max-width:800px;margin:0 auto}.section__title{border-bottom:2px solid var(--yellow);margin-bottom:2rem;font-size:1.6rem;transition:border-bottom .5s;display:inline-block}.section__title.light{border-bottom:2px solid var(--themeYellow)}#header{background-color:var(--black);color:var(--white);justify-content:space-between;padding:2rem 1.2rem;transition:all .5s;display:flex}@media (width>=350px){#header{justify-content:space-around}}#header .header__img{border-radius:4px;height:110px}@media (width>=350px){#header .header__img{height:125px}}#header .header__textblock{flex-direction:column;justify-content:space-evenly;align-items:center;display:flex}#header .header__textblock .header__title{margin:0;font-family:Permanent Marker,cursive;font-size:2rem}@media (width>=380px){#header .header__textblock .header__title{font-size:2.5rem}}@media (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}@media (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}#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}#about .about__blurb .about__name.light{color:var(--themeYellow)}#about .about__blurb .about__blurb--link{color:var(--blue);transition:all .5s}#about .about__blurb .about__blurb--link.light{color:var(--themeBlue)}#professional{background-color:var(--black);color:var(--white);transition:all .5s}#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{border-radius:4px;width:100%;max-width:500px;margin:0 auto 1.5rem;display:block}#professional .professional__project .professional__right{justify-content:space-evenly;max-width:480px;margin:0 auto 1.5rem;display:flex}#professional .professional__project .professional__right .professional__img--small{border-radius:4px;height:200px}#professional .professional__project .professional__right .professional__right--link{flex-direction:column;justify-content:center;align-items:center;display:flex}#professional .professional__project .professional__right .professional__right--link a{color:var(--blue);margin:.7rem 0;transition:all .5s}#professional .professional__project .professional__right .professional__right--link a.light{color:var(--themeBlue)}#professional .professional__project .professional__description{max-width:650px;margin:0 auto;line-height:1.5}.tech{color:var(--yellow);transition:all .5s}.tech.light{color:var(--themeYellow)}#major{background-color:var(--black);color:var(--white);transition:all .5s}#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{border-radius:4px;width:100%;max-width:500px;margin:0 auto 1.5rem;display:block}#major .major__project .major__right{justify-content:space-evenly;max-width:480px;margin:0 auto 1.5rem;display:flex}#major .major__project .major__right .major__right--links{flex-direction:column;justify-content:center;align-items:center;display:flex}#major .major__project .major__right .major__right--links .major__right--link{color:var(--blue);margin:.7rem 0;transition:all .5s}#major .major__project .major__right .major__right--links .major__right--link.light{color:var(--themeBlue)}#major .major__project .major__right .major__img--small{border-radius:4px;height:200px}#major .major__project .major__description{max-width:650px;margin:0 auto;line-height:1.5}#major .major__project .major__description .tech{color:var(--yellow);transition:all .5s}#major .major__project .major__description .tech.light{color:var(--themeYellow)}#minor{background-color:var(--black);color:var(--white);margin-bottom:-2rem;transition:all .5s}#minor .minor__grid{max-width:775px;margin:-2rem 0 1rem}@media (width>=650px){#minor .minor__grid{grid-template-columns:1fr 1fr;margin-left:2rem;display:grid}}#minor .minor__grid .minor__project{justify-content:space-around;max-width:310px;margin:2rem auto;display:flex}@media (width>=650px){#minor .minor__grid .minor__project{margin:2rem 1rem 1rem}}#minor .minor__grid .minor__project .minor__project--img{border-radius:4px;width:100px;height:100px;margin-right:1.2rem}#minor .minor__grid .minor__project .minor__project--text{flex-direction:column;flex-grow:1;justify-content:space-evenly;display:flex}#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}#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}#skills .skills__list{flex-flow:wrap;justify-content:space-evenly;margin:-1rem 0;padding:0;list-style:none;display:flex}#skills .skills__list .skills__item{flex-direction:column;justify-content:center;align-items:center;margin:1rem;display:flex}#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}#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}#footer .footer__links{text-align:center}#footer .footer__links .footer__social{justify-content:space-evenly;margin-bottom:2rem;display:flex}#footer .footer__links .footer__social .footer__social--link{color:var(--blue);font-size:2rem;transition:all .5s}#footer .footer__links .footer__social .footer__social--link.light{color:var(--themeBlue)}#footer .footer__links .footer__email{color:var(--blue);text-align:center;align-self:center;font-size:1.2rem;transition:all .5s}#footer .footer__links .footer__email.light{color:var(--themeBlue)}