/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/** Basic styling */
body { font: 400 18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color: #111; background-color: #fdfdfd; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; display: flex; min-height: 100vh; flex-direction: column; }

/** Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure { margin-bottom: 15px; }

/** `main` element */
main { display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */ }

/** Images */
img { max-width: 100%; vertical-align: middle; display: inline-block; }

/** Figures */
figure > img { display: block; }

figcaption { font-size: 15.75px; }

/** Lists */
ul, ol { margin-left: 30px; }

li > ul, li > ol { margin-bottom: 0; }

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 400; }

/** Links */
a { color: #2a7ae2; text-decoration: none; }

a:visited { color: #1756a9; }

a:hover { color: #111; text-decoration: underline; }

.social-media-list a:hover { text-decoration: none; }

.social-media-list a:hover .username { text-decoration: underline; }

/** Blockquotes */
blockquote { color: #828282; border-left: 4px solid #e8e8e8; padding-left: 15px; font-size: 20.25px; letter-spacing: -1px; font-style: italic; }

blockquote > :last-child { margin-bottom: 0; }

/** Code formatting */
pre, code { font-size: 16.875px; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #eef; }

code { padding: 1px 5px; }

pre { padding: 8px 12px; overflow-x: auto; }

pre > code { border: 0; padding-right: 0; padding-left: 0; }

/** Wrapper */
.wrapper { max-width: -webkit-calc(1400px - (30px * 2)); max-width: calc(1400px - (30px * 2)); margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

@media screen and (max-width: 800px) { .wrapper { max-width: -webkit-calc(1400px - (30px)); max-width: calc(1400px - (30px)); padding-right: 15px; padding-left: 15px; } }

/** Clearfix */
.wrapper:after { content: ""; display: table; clear: both; }

/** Icons */
.svg-icon { width: 16px; height: 16px; display: inline-block; fill: #828282; padding-right: 5px; vertical-align: text-top; }

.social-media-list li + li { padding-top: 5px; }

/** Tables */
table { margin-bottom: 30px; width: 100%; text-align: left; color: #3f3f3f; border-collapse: collapse; border: 1px solid #e8e8e8; }

table tr:nth-child(even) { background-color: #f7f7f7; }

table th, table td { padding: 10px 15px; }

table th { background-color: #f0f0f0; border: 1px solid #dedede; border-bottom-color: #c9c9c9; }

table td { border: 1px solid #e8e8e8; }

h0 { font-size: 157.5px; font-weight: bold; line-height: 1; }

h1 { font-size: 135px; font-weight: bold; line-height: 1; }

h2 { font-size: 112.5px; font-weight: bold; line-height: 1; }

h3 { font-size: 90px; font-weight: bold; line-height: 1; }

h4 { font-size: 67.5px; font-weight: bold; line-height: 1; }

h5 { font-size: 45px; font-weight: bold; line-height: 1; }

body { position: relative; }

.site-header { height: 40px; position: sticky; top: 0; background-color: #fff; }

.site-header .wrapper { display: flex; justify-content: space-between; }

.site-header a { display: inline-block; padding: 10px 20px; }

.site-header a:hover { cursor: pointer; }

section .inner { padding: 40px 20px; }

.cover-image { background-size: cover; background-position: center center; height: 400px; }

.mb-20 { margin-bottom: 20px; }

.intro-hero .cover-image { background-image: url(../../assets/images/intro-hero.jpeg); }

@media screen and (max-width: 600px) { .intro-hero h1 { font-size: 90px; } }

@media screen and (max-width: 600px) { .intro-about h3 { font-size: 45px; } }

.about-us .cover-image { background-image: url(../../assets/images/projects/photo1.jpeg); }

.about-us .textbox { margin-left: auto; max-width: 900px; line-height: 1.8; }

@media screen and (min-width: 600px) { .about-us .textbox { font-size: 45px; } }

.portfolio .inner { display: flex; justify-content: space-between; }

.portfolio .inner .left { flex: 1; width: 50%; padding-right: 30px; }

.portfolio .inner .left h1 { margin-bottom: 30px; }

@media screen and (min-width: 600px) { .portfolio .inner .left { font-size: 33.75px; } }

.portfolio .inner .right { flex: 1; width: 50%; }

@media screen and (max-width: 1080px) { .portfolio .inner { display: block; } .portfolio .inner .left { padding-right: 0; } .portfolio .inner .left, .portfolio .inner .right { display: block; width: 100%; } }

.portfolio .gallery-grid { display: grid; justify-content: center; align-items: center; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; }

.portfolio .gallery-grid .image img { object-fit: cover; }

.site-footer h4 { max-width: 700px; }

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