/** Variables **********************************************/
/* portfolio tinkering */
/** Portfolio grid ********************************************************** */
.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.project { width: 32%; height: 450px; float: left; vertical-align: middle; box-sizing: border-box; margin: 5px; padding: 10px; border: gray solid 1px; }

.thumbnail { width: 100%; height: 200px; box-sizing: border-box; overflow: hidden; }

.thumbnail img { max-width: 100%; height: auto; position: relative; border: gray solid 1px; border-radius: 20%; padding: 2px; }

.thumbnail a { float: left; position: relative; width: 100%; height: 230px; }

.thumbnail a span { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.4); padding: 40px; text-align: center; }

.description { text-align: center; }

/** Portfolio pages ********************************************************** */
.project-icon { float: right; border: gray solid 1px; padding: 5px; line-height: 10px; }

.project-icon img { width: 120px; }

.img_row { height: 275px; width: 100%; overflow: hidden; box-sizing: border-box; padding: 5px; }

.col { width: 100%; height: 100%; float: left; object-fit: cover; box-sizing: border-box; padding: 5px; }

.left { text-align: left; }

.right { float: right; }

.one { width: 33.33%; }

.two { width: 66.66%; }

.three { width: 100%; }

.caption { height: 100%; color: #aaa; text-align: center; vertical-align: middle; font-size: 12px; }

.github-comments { margin-top: 5px; display: block; box-sizing: border-box; }

.github-comments h2 { line-height: 2em; }

.github-comments hr { height: 1px; background: gray; }

#gh-comments-list { list-style: none; list-style-type: none; margin-left: 5px; }

#gh-comments-list li { margin: 0; padding: 1.5em 0; display: flex; flex-wrap: wrap; border-top: 1px solid #aaa; }

#gh-comments-list li > a.user { width: 2.5em; height: 2.5em; overflow: hidden; padding: 3px; }

#gh-comments-list li > a.user img { box-shadow: 0 0 3px #aaa; max-width: 100%; height: auto; }

#gh-comments-list li > a.comment-url { width: 100%; text-align: right; font-size: .6em; opacity: .5; }

#gh-comments-list li > a.comment-url:hover { opacity: 1; }

#gh-comments-list li .comment-content { padding: 0 1.5em; }

#leave-a-comment { padding: 1rem; }

#no-comments-found { font-size: .8rem; display: none; }

.wrapper { max-width: -webkit-calc(1000px - 30px); max-width: calc(1000px - 30px); text-align: left; }

.projectFilter a { margin-right: 5px; margin-left: 5px; text-decoration: none; }

.projectFilter a.current { font-weight: bold; }

.description ul { margin-left: 5px; }

.isotope-item { z-index: 2; }

.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; }

.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }

.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }

/*# sourceMappingURL=main.css.map */