*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.visible{visibility:visible}.block{display:block}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}html{scroll-behavior:smooth}:root{--foreground-rgb:0, 0, 0;--background-start-rgb:214, 219, 220;--background-end-rgb:255, 255, 255}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255, 255, 255;--background-start-rgb:0, 0, 0;--background-end-rgb:0, 0, 0}}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom, transparent, rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
@font-face{font-family:opensans-regular;src:url(/fonts/OpenSans-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:opensans-italic;src:url(/fonts/OpenSans-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:opensans-light;src:url(/fonts/OpenSans-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:opensans-semibold;src:url(/fonts/OpenSans-Semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:opensans-bold;src:url(/fonts/OpenSans-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:librebaskerville-regular;src:url(/fonts/librebaskerville-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:librebaskerville-italic;src:url(/fonts/librebaskerville-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{vertical-align:baseline;background:0 0;border:0;outline:0;margin:0;padding:0;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){height:0;display:none}[hidden]{display:none}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}blockquote,q{quotes:&#8220 &#8220}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}ins{color:#000;background-color:#ff9;text-decoration:none}mark{color:#555;background-color:#a7f4f6}del{text-decoration:line-through}abbr[title],dfn[title]{cursor:help;border-bottom:1px dotted}table{border-collapse:collapse;border-spacing:0}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;font-size:62.5%}body{color:#838c95;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background:#fff;font-family:opensans-regular,sans-serif;font-size:15px;font-weight:400;line-height:30px}h1,h2,h3,h4,h5,h6{color:#313131;font-family:opensans-bold,sans-serif;font-weight:400}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{letter-spacing:-1px;margin-bottom:12px;font-size:38px;line-height:42px}h2{margin-bottom:6px;font-size:28px;line-height:36px}h3{margin-bottom:12px;font-size:22px;line-height:30px}h4{margin-bottom:6px;font-size:20px;line-height:30px}h5{font-size:18px;line-height:30px}h6{font-size:14px;line-height:30px}p{margin:0 0 30px}p img{margin:0}p.lead{margin-bottom:18px;font:19px/36px opensans-light,sans-serif}em{font:15px/30px opensans-italic,sans-serif}strong,b{font:15px/30px opensans-bold,sans-serif}small{font-size:11px;line-height:inherit}blockquote{margin:30px 0;padding-left:40px;position:relative}blockquote:before{content:"“";opacity:.45;margin:0;font-family:arial,sans-serif;font-size:80px;line-height:0;position:absolute;top:30px;left:0}blockquote p{padding:0;font-family:librebaskerville-italic,serif;font-size:18px;line-height:36px}blockquote cite{font-size:12px;font-style:normal;line-height:18px;display:block}blockquote cite:before{content:"— "}blockquote cite a,blockquote cite a:visited{color:#8b9798;border:none}.pull-quote{padding:18px 30px 18px 0;position:relative}.pull-quote:before,.pull-quote:after{opacity:.45;height:1em;font-family:Arial,sans-serif;font-size:80px;position:absolute}.pull-quote:before{content:"“";top:33px;left:0}.pull-quote:after{content:"”";bottom:-33px;right:0}.pull-quote blockquote{margin:0}.pull-quote blockquote:before{content:none}abbr{font-variant:small-caps;text-transform:lowercase;letter-spacing:.5px;color:gray;font-family:opensans-bold,sans-serif}abbr:hover{cursor:help}.drop-cap:first-letter{float:left;text-indent:0;color:inherit;background:0 0;margin:0;padding:14px 6px 0 0;font-family:opensans-bold,sans-serif;font-size:84px;line-height:60px}hr{clear:both;border:0 solid #e3e3e3;border-top-width:1px;height:0;margin:11px 0 30px}a,a:visited{color:#11abb0;-o-transition:color .3s ease-in-out;outline:0;text-decoration:none;transition:color .3s ease-in-out}a:hover,a:focus{color:#313131}p a,p a:visited{line-height:inherit}ul,ol{margin-top:12px;margin-bottom:24px}ul{list-style:none}ol{list-style:decimal}ol,ul.square,ul.circle,ul.disc{margin-left:30px}ul.square{list-style:square}ul.circle{list-style:circle}ul.disc{list-style:outside}ul ul,ul ol,ol ol,ol ul{margin:6px 0 6px 30px}ul ul li,ul ol li,ol ol li,ol ul li{margin-bottom:6px}li{margin-bottom:12px;line-height:18px}.stats-tabs{margin:24px 0;padding:0}.stats-tabs li{border-right:1px solid #ccc;margin:0 10px 18px 0;padding:0 10px 0 0;display:inline-block}.stats-tabs li:last-child{border:none;margin:0;padding:0}.stats-tabs li a{color:#313131;border:none;font-family:opensans-bold,sans-serif;font-size:22px;display:inline-block}.stats-tabs li a:hover{color:#11abb0}.stats-tabs li a b{color:#8b9798;margin:6px 0 0;font-family:opensans-regular,sans-serif;font-size:13px;display:block}dl{margin:12px 0}dt{color:#11abb0;margin:0}dd{margin:0 0 0 20px}.lining dt,.lining dd{margin:0;display:inline}.lining dt+dt:before,.lining dd+dt:before{content:"\a ";white-space:pre}.lining dd+dd:before{content:", "}.lining dd:before{content:": ";margin-left:-.2em}.dictionary-style dt{counter-reset:definitions;display:inline}.dictionary-style dt+dt:before{content:", ";margin-left:-.2em}.dictionary-style dd{counter-increment:definitions;display:block}.dictionary-style dd:before{content:counter(definitions, decimal) ". "}.pagination{text-align:center;margin:36px auto}.pagination ul li{margin:0;padding:0;display:inline-block}.pagination .page-numbers{color:#6e757c;-o-transition:all .2s ease-in-out;-khtml-border-radius:3px;background-color:#e6e8eb;border-radius:3px;margin-bottom:6px;margin-right:3px;padding:6px 10px;font:15px/18px opensans-bold,sans-serif;transition:all .2s ease-in-out;display:inline-block}.pagination .page-numbers:hover{color:#fff;background:#838a91}.pagination .current,.pagination .current:hover{color:#fff;background-color:#11abb0}.pagination .inactive,.pagination .inactive:hover{color:#a9adb2;background-color:#e6e8eb}img{max-width:100%;height:auto}img.pull-right{margin:12px 0 0 18px}img.pull-left{margin:12px 18px 0 0}.button,.button:visited,button,input[type=submit],input[type=reset],input[type=button]{letter-spacing:0;color:#fff;cursor:pointer;-o-transition:all .2s ease-in-out;-khtml-border-radius:3px;background:#11abb0;border:none;border-radius:3px;height:auto;margin-bottom:18px;padding:12px 20px;font:16px/30px opensans-bold,sans-serif;text-decoration:none;transition:all .2s ease-in-out;display:inline-block}.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,.button:active,button:active,input[type=submit]:active,input[type=reset]:active,input[type=button]:active{color:#fff;background:#3d4145}.button.full-width,button.full-width,input[type=submit].full-width,input[type=reset].full-width,input[type=button].full-width{text-align:center;width:100%;padding-left:0!important;padding-right:0!important}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}form,fieldset{margin-bottom:24px}input[type=text],input[type=password],input[type=email],textarea,select{vertical-align:middle;color:#647373;background:#d3d9d9;border:0;outline:none;min-width:225px;max-width:100%;margin:0 0 24px;padding:18px 15px;font-size:15px;line-height:24px;display:block}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus{color:#b3b7bc;background-color:#3d4145}textarea{min-height:220px}label,legend{color:#3d4145;margin:12px 0;font:16px/24px opensans-bold,sans-serif;display:block}label span,legend span{color:#8b9798;font:14px/24px opensans-regular,sans-serif}input[type=checkbox],input[type=radio]{color:#737373;font-size:15px}input[type=checkbox]{display:inline}.row{width:96%;max-width:1020px;margin:0 auto}.ie .row{width:1000px}.narrow .row{max-width:980px}.row .row{width:auto;max-width:none;margin:0 -20px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.column,.columns{float:left;min-height:1px;padding:0 20px;position:relative}.column.centered,.columns.centered{float:none;margin:0 auto}.row.collapsed>.column,.row.collapsed>.columns,.column.collapsed,.columns.collapsed{padding:0}[class*=column]+[class*=column]:last-child,[class*=column]+[class*=column].end{float:right}.row .one{width:8.33333%}.row .two{width:16.6667%}.row .three{width:25%}.row .four{width:33.3333%}.row .five{width:41.6667%}.row .six{width:50%}.row .seven{width:58.3333%}.row .eight{width:66.6667%}.row .nine{width:75%}.row .ten{width:83.3333%}.row .eleven{width:91.6667%}.row .twelve{width:100%}.row .offset-1{margin-left:8.33333%}.row .offset-2{margin-left:16.6667%}.row .offset-3{margin-left:25%}.row .offset-4{margin-left:33.3333%}.row .offset-5{margin-left:41.6667%}.row .offset-6{margin-left:50%}.row .offset-7{margin-left:58.3333%}.row .offset-8{margin-left:66.6667%}.row .offset-9{margin-left:75%}.row .offset-10{margin-left:83.3333%}.row .offset-11{margin-left:91.6667%}.row .push-1{left:8.33333%}.row .pull-1{right:8.33333%}.row .push-2{left:16.6667%}.row .pull-2{right:16.6667%}.row .push-3{left:25%}.row .pull-3{right:25%}.row .push-4{left:33.3333%}.row .pull-4{right:33.3333%}.row .push-5{left:41.6667%}.row .pull-5{right:41.6667%}.row .push-6{left:50%}.row .pull-6{right:50%}.row .push-7{left:58.3333%}.row .pull-7{right:58.3333%}.row .push-8{left:66.6667%}.row .pull-8{right:66.6667%}.row .push-9{left:75%}.row .pull-9{right:75%}.row .push-10{left:83.3333%}.row .pull-10{right:83.3333%}.row .push-11{left:91.6667%}.row .pull-11{right:91.6667%}.bgrid-sixths [class*=column]{width:16.6667%}.bgrid-quarters [class*=column]{width:25%}.bgrid-thirds [class*=column]{width:33.3333%}.bgrid-halves [class*=column]{width:50%}[class*=bgrid] [class*=column]+[class*=column]:last-child{float:left}.first{clear:left}.s-first{clear:none}@media only screen and (max-width:900px){.s-bgrid-sixths [class*=column]{width:16.6667%}.s-bgrid-quarters [class*=column]{width:25%}.s-bgrid-thirds [class*=column]{width:33.3333%}.s-bgrid-halves [class*=column]{width:50%}.first{clear:none}.s-first{clear:left}}@media only screen and (max-width:767px){.row{width:92%;max-width:680px;margin:0 auto;padding:0}.column,.columns{float:none;margin-left:0;margin-right:0;padding:0 30px;width:auto!important}.row .row{width:auto;max-width:none;margin:0 -30px}[class*=column]+[class*=column]:last-child,[class*=bgrid] [class*=column]+[class*=column]:last-child{float:none}.row .offset-1,.row .offset-2,.row .offset-3,.row .offset-4,.row .offset-5,.row .offset-6,.row .offset-7,.row .offset-8,.row .offset-9,.row .offset-10,.row .offset-11{margin-left:0%}}@media only screen and (max-width:460px){.row{width:auto}}@media screen and (min-width:1200px){.wide .row{max-width:1180px}}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.remove-bottom{margin-bottom:0!important}.half-bottom{margin-bottom:12px!important}.add-bottom{margin-bottom:24px!important}.no-border{border:none}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.pull-left{float:left!important}.pull-right{float:right!important}.align-center{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
body{background:#0f0f0f}header:before{content:"";vertical-align:middle;height:100%;display:inline-block}header .banner{vertical-align:middle;text-align:center;width:85%;margin:0 auto;padding-bottom:30px;display:inline-block}header .banner-text{width:100%}header .banner-text h1{color:#fff;letter-spacing:-2px;text-shadow:0 2px 4px #000000e6,0 0 24px #000000b3,0 0 48px #00000080;margin:0 auto 18px;font:clamp(48px,7vw,100px)/1.1em opensans-bold,sans-serif}header .banner-text h3{color:#a8a8a8;text-shadow:0 2px 6px #000000e6,0 0 20px #0009;width:70%;margin:0 auto;font:24px/1.9em librebaskerville-regular,serif}header .banner-text h3 span,header .banner-text h3 a{color:#fff}header .banner-text hr{border-color:#9696961a;width:60%;margin:18px auto 24px}header .social{text-shadow:0 1px 2px #000c;margin:24px 0;padding:0;font-size:60px}header .social li{margin:0 12px;padding:0;display:inline-block}.resume{color:silver}.profile-pic-container{float:right;border:8px solid #000;justify-content:center;width:35%;height:auto;margin-top:-20px;margin-left:20px;margin-right:-20px;display:flex}.about-me-container{flex-basis:2px;width:100%;padding-left:25px}header .social li a{color:#fff}header .social li a:hover{color:#4078c0}header .scrolldown a{color:#fff;-o-transition:all .3s ease-in-out;border-radius:100%;width:42px;height:42px;margin-left:-29px;font-size:42px;line-height:42px;transition:all .3s ease-in-out;display:block;position:absolute;bottom:30px;left:50%}header .scrolldown a:hover{color:#11abb0}#nav-wrap ul,#nav-wrap li,#nav-wrap a{border:none;outline:none;margin:0;padding:0}#nav-wrap{text-transform:uppercase;letter-spacing:2.5px;z-index:100;width:100%;margin:0 auto;font:12px opensans-bold,sans-serif;position:fixed;top:0;left:0}.opaque{background-color:#333}#nav-wrap>a.mobile-btn{display:none}ul#nav{text-align:center;width:auto;min-height:48px}ul#nav li{height:48px;list-style:none;display:inline-block;position:relative}ul#nav li a{text-align:left;color:#fff;-o-transition:color .2s ease-in-out;padding:8px 13px;line-height:32px;text-decoration:none;transition:color .2s ease-in-out;display:inline-block}ul#nav li a:active{background-color:#0000!important}ul#nav li.current a{color:#f06000}#about{background:#2b2b2b;padding-top:66px;padding-bottom:66px;overflow:hidden}#about a,#about a:visited{color:#fff}#about a:hover,#about a:focus{color:#11abb0}#about h2{color:#fff;margin-bottom:12px;font:22px/30px opensans-bold,sans-serif}#about p{color:#7a7a7a;line-height:22px}#about .profile-pic{width:100%;height:100%;position:relative}#open-popup{padding:20px}.project_icons{display:flex}.project_icons .project-link-icon{margin:0 8px 0 15px;font-size:1.2rem}.github,.gh{color:#a3d39c}.phone,.dt{color:#e45f56}.gh,.dt{text-align:left;margin-left:5px;margin-right:5px;display:inline-block}.white-popup{text-align:center;background:#fff;width:auto;max-width:200px;margin:20px auto;padding:40px;position:relative}#about .download{width:58.3333%;padding-top:6px}#about .main-col{padding-right:5%}#about .download .button{background:#444;margin-top:6px}#about .download .button:hover{color:#2b2b2b;background:#fff}#about .download .button i{margin-right:15px;font-size:20px}#resume{background:#fff;padding-top:90px;padding-bottom:72px;overflow:hidden}#resume a,#resume a:visited{color:#11abb0}#resume a:hover,#resume a:focus{color:#313131}#resume h2{text-transform:uppercase;letter-spacing:1px;font:18px/24px opensans-bold,sans-serif}#resume h2 span{border-bottom:3px solid #11abb0;padding-bottom:6px}#resume h3{font:25px/30px opensans-bold,sans-serif}.companyName:hover,.courseName:hover{color:#11abb0}#resume .header-col{padding-top:9px}#resume .main-col{padding-right:10%}.education,.work{border-bottom:1px solid #e8e8e8;margin-bottom:48px;padding-bottom:24px}#resume .info{color:#6e7881;margin-top:9px;margin-bottom:18px;font:16px/24px librebaskerville-italic,serif}#resume .info span{margin-left:5px;margin-right:5px}#resume .date{margin-top:6px;font:15px/24px opensans-regular,sans-serif}.bars{float:left;text-align:left;width:95%;padding:0}.bars .skills{margin-top:36px;list-style:none}.skills{color:#dadada;box-sizing:border-box;text-align:center;margin:10px 12px;padding:18px 42px}.skills-lists{text-align:left;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px 32px;display:grid}.skill-group h4{letter-spacing:2px;text-transform:uppercase;color:#11abb0;border-bottom:1px solid #e8e8e8;margin:0 0 10px;padding-bottom:6px;font:12px/1 opensans-bold,sans-serif}.skill-list{margin:0;padding:0;list-style:none}.skill-list li{color:#313131;align-items:flex-start;gap:8px;padding:3px 0;font-size:17px;line-height:1.4;display:flex}.skill-list li .tech-icon{flex:none;margin-top:3px}.bars li{background:#ccc;border-radius:3px;height:42px;margin-bottom:60px;position:relative}.bars li em{color:#313131;text-transform:uppercase;letter-spacing:2px;font:15px opensans-bold,sans-serif;position:relative;top:-36px}.bar-expand{background:#313131;border-radius:3px 0 0 3px;height:42px;margin:0;padding-right:24px;line-height:42px;display:inline-block;position:absolute;top:0;left:0}.lead{margin-top:29px;margin-bottom:29px}.c{width:75%;-webkit-animation:2s photoshop;-moz-animation:2s photoshop}.flutter{width:65%;-webkit-animation:2s illustrator;-moz-animation:2s illustrator}.python{width:73%;-webkit-animation:2s wordpress;-moz-animation:2s wordpress}.ruby-on-rails{width:77%;-webkit-animation:2s css;-moz-animation:2s css}.css{width:79%;-webkit-animation:2s css;-moz-animation:2s css}.javascript{width:80%;-webkit-animation:2s css;-moz-animation:2s css}.react-native{width:90%;-webkit-animation:2s css;-moz-animation:2s css}.reactjs{width:95%;-webkit-animation:2s css;-moz-animation:2s css}.html5{width:80%;-webkit-animation:2s html5;-moz-animation:2s html5}.jquery{width:70%;-webkit-animation:2s jquery;-moz-animation:2s jquery}@-webkit-keyframes photoshop{0%{width:0}to{width:60%}}@-moz-keyframes photoshop{0%{width:0}to{width:60%}}@-webkit-keyframes illustrator{0%{width:0}to{width:55%}}@-moz-keyframes illustrator{0%{width:0}to{width:55%}}@-webkit-keyframes wordpress{0%{width:0}to{width:50%}}@-moz-keyframes wordpress{0%{width:0}to{width:50%}}@-webkit-keyframes css{0%{width:0}to{width:90%}}@-moz-keyframes css{0%{width:0}to{width:90%}}@-webkit-keyframes html5{0%{width:0}to{width:80%}}@-moz-keyframes html5{0%{width:0}to{width:80%}}@-webkit-keyframes jquery{0%{width:0}to{width:50%}}@-moz-keyframes jquery{0%{width:0}to{width:50%}}.gridContaienr{grid-column-gap:10px;grid-row-gap:15px;grid-template-rows:80px auto 80px;grid-template-columns:100px 50px 100px;justify-items:stretch}#portfolio{background:#ebeeee;padding-top:90px;padding-bottom:60px}#portfolio .single-image-container img,#portfolio .carousel-slide img{padding-bottom:20px}#portfolio h2,#portfolio h3{text-transform:uppercase;letter-spacing:1px;text-align:center;color:#95a3a3;margin-bottom:10px;padding-top:10px;padding-bottom:10px;font:15px/24px opensans-semibold,sans-serif}.techStack{color:unset;font-family:opensans-bold,sans-serif;font-size:13px;line-height:30px}.stackitem{color:inherit;padding-left:10px}#portfolio-wrapper .columns{margin-bottom:36px}.portfolio-item .item-wrap{-o-transition:all .3s ease-in-out;background:#fff;transition:all .3s ease-in-out;position:relative;overflow:hidden}.portfolio-item .item-wrap a{cursor:pointer;display:block}.portfolio-item .item-wrap .overlay{opacity:0;-moz-opacity:0;width:100%;height:100%;filter:alpha(opacity=0);-o-transition:opacity .3s ease-in-out;background:url(/images/overlay-bg.png);transition:opacity .3s ease-in-out;position:absolute;top:0;left:0}.portfolio-item .item-wrap .link-icon{color:#fff;text-align:center;opacity:0;-moz-opacity:0;width:30px;height:30px;filter:alpha(opacity=0);-o-transition:opacity .3s ease-in-out;margin-top:-15px;margin-left:-15px;font-size:18px;line-height:30px;transition:opacity .3s ease-in-out;display:block;position:absolute;top:50%;left:50%}.portfolio-item .item-wrap img:not(.tech-icon){vertical-align:bottom}.portfolio-item .portfolio-item-meta{padding:18px}.portfolio-item .portfolio-item-meta h5{color:#fff;font:14px/21px opensans-bold,sans-serif}.portfolio-item .portfolio-item-meta p{color:#c6c7c7;margin-bottom:0;font:12px/18px opensans-light,sans-serif}.portfolio-item:hover .overlay,.portfolio-item:hover .link-icon{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}.popup-modal{background:#fff;max-width:550px;margin:0 auto;position:relative}.popup-modal .description-box{padding:12px 36px 18px}.popup-modal .description-box h4{color:#111;margin-bottom:12px;font:15px/24px opensans-bold,sans-serif}.popup-modal .description-box p{color:#a1a1a1;margin-bottom:12px;font:14px/24px opensans-regular,sans-serif}.popup-modal .description-box .categories{color:#a1a1a1;text-transform:uppercase;letter-spacing:2px;text-align:left;font:11px/21px opensans-light,sans-serif;display:block}.popup-modal .description-box .categories i{margin-right:8px}.popup-modal .link-box{text-align:left;background:#111;padding:18px 36px}.popup-modal .link-box a{color:#fff;text-transform:uppercase;letter-spacing:3px;cursor:pointer;font:11px/21px opensans-bold,sans-serif}.popup-modal a:hover{color:#0cc}.popup-modal a.popup-modal-dismiss{margin-left:24px}footer{color:#7a7a7a;text-align:center;background:#1f1f1f;padding:10px 0 48px;font-size:14px;position:relative}footer a,footer a:visited{color:#525252}footer a:hover,footer a:focus{color:#4078c0}footer .copyright{margin:0;padding:0}footer .copyright li{margin:0;padding:0;line-height:24px;display:inline-block}.ie footer .copyright li{display:inline}footer .copyright li:before{content:"•";color:#095153;padding-left:10px;padding-right:10px}footer .copyright li:first-child:before{display:none}footer .social-links{margin:18px 0 30px;padding:0;font-size:48px}.angellist{color:orange}.linkedin{color:#4078c0}.envelope{color:#60748f}.phone{color:#e45f56}.comments{color:#0bc1f4}.github{color:#a3d39c}.briefcase{color:#fae660}footer .social-links li{color:#f06000;margin:0 0 0 42px;padding:0;display:inline-block}footer .social-links li:first-child{margin-left:0}#go-top{justify-content:center;display:flex}#go-top a{color:#a8a8a8;background-color:#0000;border:1px solid #ffffff2e;border-radius:100%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;text-decoration:none;transition:all .2s ease-in-out;display:flex}#go-top a:hover,#go-top a:focus{color:#fff;background-color:#11abb0;border-color:#11abb0}
@media only screen and (max-width:1024px){header .social{margin:18px 0 24px;font-size:42px}header .banner-text h1{letter-spacing:-1px;margin:0 auto 12px;font-family:opensans-bold,sans-serif;line-height:1.1em}}@media only screen and (max-width:900px){.profile-pic-container{max-height:350px;margin-right:10px}header .banner{padding-bottom:12px}header .banner-text h1{letter-spacing:-1px;font-family:opensans-bold,sans-serif;line-height:1.1em}header .banner-text h3{width:80%;font:17px/1.9em librebaskerville-regular,serif}header .banner-text hr{width:65%;margin:12px auto}#nav-wrap{letter-spacing:1.5px;font:11px opensans-bold,sans-serif}#about .profile-pic{margin-left:12px;margin-right:12px}#about .contact-details,#about .download{width:50%}#resume h1{font:16px/24px opensans-bold,sans-serif}#resume .main-col{padding-right:5%}#testimonials{display:none}#testimonials .header-col h1:before{font-size:66px;line-height:66px}#testimonials blockquote p{font-size:22px;line-height:46px}#call-to-action .header-col h1:before{font-size:66px;line-height:66px}#contact .section-head{margin-bottom:30px}#contact .header-col h1:before{font-size:66px;line-height:66px}#contact .section-head p.lead{font:17px/33px opensans-light,sans-serif}}@media only screen and (max-width:767px){.profile-pic-container{display:none}.contact-section{width:100%}#nav-wrap{letter-spacing:1.5px;width:auto;font:12px opensans-bold,sans-serif;position:fixed;top:0;right:0;background:0 0!important}#nav-wrap>a{text-align:left;float:right;width:48px;height:48px;font:0/0 a;text-shadow:none;color:#0000;background-color:#4682b4;border:none;position:relative;top:0}#nav-wrap>a:before,#nav-wrap>a:after{content:"";border:2px solid #fff;position:absolute;top:35%;left:25%;right:25%}#nav-wrap>a:after{top:60%}#nav-wrap:not(:target)>a:first-of-type,#nav-wrap:target>a:last-of-type{display:block}#nav-wrap ul#nav{clear:both;float:right;width:auto;height:auto;display:none;position:relative;top:12px;right:0}#nav-wrap:target>ul#nav{clear:both;background:#1f2024;margin:0 30px;padding:30px 20px 48px;display:block}ul#nav li{text-align:left;border-bottom:1px dotted #2d2e34;height:auto;margin:0 auto;padding:0 4%;display:block}ul#nav li a{border:none;margin:12px 0;padding:0;line-height:16px;display:block}header .banner{padding-top:6px;padding-bottom:12px}header .banner-text h1{font-family:opensans-bold,sans-serif;line-height:1.1em}header .banner-text h3{width:85%;font:16px/1.9em librebaskerville-regular,serif}header .banner-text hr{width:80%;margin:18px auto}header .social{margin:18px 0 24px;font-size:24px;line-height:36px}header .social li{margin:0 16px}header .scrolldown,#about .profile-pic{display:none}#about .download .button{text-align:center;width:100%;padding:15px 20px}#about .main-col{padding-right:30px}#resume .header-col{text-align:center;margin-bottom:48px;padding-top:0}#resume h1{letter-spacing:3px}#resume .main-col{padding-right:30px}#resume h3,#resume .info{text-align:center}.skills{margin:10px 0;padding:18px 0}.skills-lists{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px 16px}.gridContainer{padding:0}.bars{width:100%}#call-to-action{text-align:center}#call-to-action h1{text-align:center;text-shadow:0 1px 3px #000;margin-bottom:30px;font:16px/24px opensans-bold,sans-serif}#call-to-action h1 span{display:block}#call-to-action .header-col h1:before{content:none}#call-to-action p{font-size:15px}#portfolio-wrapper .columns{margin-bottom:40px}.popup-modal{max-width:85%}#testimonials .text-container{text-align:center}#testimonials h1{text-align:center;text-shadow:0 1px 3px #000;margin-bottom:30px;font:16px/24px opensans-bold,sans-serif}#testimonials h1 span{display:block}#testimonials .header-col h1:before{content:none}#testimonials blockquote{padding-bottom:24px}#testimonials blockquote p{font-size:20px;line-height:42px}.flex-control-nav{text-align:center;margin-left:-30px}#contact{padding-bottom:10px}#contact .section-head{margin-bottom:12px}#contact .section-head h1{text-align:center;text-shadow:0 1px 3px #000;margin-bottom:30px;font:16px/24px opensans-bold,sans-serif}#contact h1 span{display:block}#contact .header-col{padding-top:0}#contact .header-col h1:before{content:none}#contact .section-head p.lead{text-align:center}#contact label{float:none;width:100%}#contact input,#contact textarea,#contact select{width:100%;margin-bottom:6px}#contact button.submit{margin:30px 0 24px}#message-warning,#message-success{width:100%;margin-left:0}footer .copyright li:before{content:none}footer .copyright li{margin-right:12px}footer .social-links{font-size:52px}footer .social-links li{margin-left:18px}#go-top{margin-left:-22px;padding-top:25px}#go-top a{width:54px;height:54px;font-size:18px;line-height:54px}}@media only screen and (max-width:480px){.skill-list-portfolio{width:200px}#nav-wrap ul#nav{float:none;width:auto}header .banner{padding-top:24px}header .banner-text h1{margin:0 auto 24px;font-family:opensans-bold,sans-serif;line-height:1.1em}header .banner-text h3{width:90%;font:14px/1.9em librebaskerville-regular,sans-serif}header .social{font-size:25px}header .social li{margin:0 10px}footer .social-links{font-size:32px}footer .social-links li{margin:0 10px}}