@import url(https://fonts.googleapis.com/css?family=Poppins|Roboto+Mono&display=swap);html{background-color:#ededed}*,:after,:before,html{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0}ol,ul{list-style:none}img{max-width:100%;height:auto}a{text-decoration:none}body{font-family:Roboto Mono,monospace;font-family:Poppins,sans-serif;color:#06131f}blockquote,caption,dd,details,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,menu,ol,p,pre,table,ul{margin:0 0 .4rem}.yotta{font-size:2.2807rem}.yotta,.zetta{line-height:3rem}.zetta{font-size:2.0273rem}.exa,h1{font-size:1.383rem}.exa,.peta,h1,h2{line-height:1.8rem}.peta,h2{font-size:1.2962rem}.tera,h3{font-size:1.2148rem;line-height:1.8rem}.giga,h4{font-size:1.1385rem}.giga,.mega,h4,h5{line-height:1.5rem}.mega,h5{font-size:1.067rem}.kilo,h6,input,textarea{font-size:1rem;line-height:1.5rem}.milli,small{font-size:.9372rem;line-height:1.5rem}.micro{font-size:.8784rem}.micro,.nano{line-height:1.2rem}.nano{font-size:.8232rem}.main-nav{display:flex;background-color:#444}.main-nav ul{display:flex;justify-content:center}.main-nav ul li{padding:10px 20px 10px 0}.main-nav ul li a{color:#fff;padding-bottom:2px}.main-nav ul li a:hover{border-bottom:2px solid #fff}.main-nav ul.main-menu{flex:1;margin-left:20px}footer{background:#444;color:#fff;padding:10px;bottom:0;left:0;right:0;text-align:center}footer p{display:inline-block;margin:0 auto}#about{background-color:#164975;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12c0-.622-.095-1.221-.27-1.785A5.982 5.982 0 0010 12c1.67 0 3.182-.683 4.27-1.785A5.998 5.998 0 0014 12h2a4 4 0 014-4V6c-1.67 0-3.182.683-4.27 1.785a6.017 6.017 0 000-3.57A5.982 5.982 0 0020 6V4a4 4 0 01-4-4h-2c0 .622.095 1.221.27 1.785A5.982 5.982 0 0010 0C8.33 0 6.818.683 5.73 1.785 5.905 1.22 6 .622 6 0H4a4 4 0 01-4 4v2c1.67 0 3.182.683 4.27 1.785A5.998 5.998 0 014 6c0-.622.095-1.221.27-1.785A5.982 5.982 0 010 6v2a4 4 0 014 4h2zm-4 0a2 2 0 00-2-2v2h2zm16 0a2 2 0 012-2v2h-2zM0 2a2 2 0 002-2H0v2zm20 0a2 2 0 01-2-2h2v2zm-10 8a4 4 0 100-8 4 4 0 000 8zm0-2a2 2 0 100-4 2 2 0 000 4z' fill='%23fcfcfc' fill-opacity='.3' fill-rule='evenodd'/%3E%3C/svg%3E");margin:0}.avatar{position:relative;width:140px;height:140px;background:#0a2135;padding:10px;border-radius:100%;margin:10px auto}.avatar-section{padding-top:10px}#skills{background-color:#4e4142;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z' fill='%23fcfcfc' fill-opacity='.3' fill-rule='evenodd'/%3E%3C/svg%3E");font-weight:700}#projects{background-color:#a9c4cf;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 28h20V16h-4v8H4V4h28v28h-4V8H8v12h4v-8h12v20H0v-4zm12 8h20v4H16v24H0v-4h12V36zm16 12h-4v12h8v4H20V44h12v12h-4v-8zM0 36h8v20H0v-4h4V40H0v-4z' fill='%23fcfcfc' fill-opacity='.3' fill-rule='evenodd'/%3E%3C/svg%3E")}.card-container{grid-template-columns:1fr 1fr;grid-gap:30px;width:100%;max-width:1200px;margin:0 auto;padding:10px}.card,.card-container{display:-ms-grid;display:grid}.card{box-shadow:0 3px 9px #51393c;margin:15px;grid-template-columns:1fr;-ms-grid-columns:1fr;grid-template-rows:200px auto 80px;grid-template-areas:"card-image" "card-body" "card-action"}.grid-area{background:#f5f1ec;color:#444;padding:10px 20px 10px 20px}.card-image{width:100%;height:100%;grid-area:card-image;background-color:#777474;display:flex}.card .card-image{padding:0}.card-title{text-transform:uppercase;margin-top:2px}.card-action,ّ .card-text{padding:10px}.card-text{margin-top:10px}.card-body{grid-area:card-body}.card-action,.card-body{background:transparent;border-top:2px solid #51393c}.card-action{grid-area:card-action;display:flex;align-items:center;font-weight:700}.fa-long-arrow-alt-right{padding-left:5px;vertical-align:middle}.stack{text-align:left}#contact{background-color:#ed2241;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 .99C4 .445 4.444 0 5 0a1 1 0 011 .99v4.02C6 5.555 5.556 6 5 6a1 1 0 01-1-.99V.99zm6 8c0-.546.444-.99 1-.99a1 1 0 011 .99v4.02c0 .546-.444.99-1 .99a1 1 0 01-1-.99V8.99z' fill='%23e0cbce' fill-opacity='.4' fill-rule='evenodd'/%3E%3C/svg%3E")}.contact__content{display:grid;grid-template-columns:1fr 1fr 1fr;color:#fff}.contact__content--line{margin-top:1rem;margin-bottom:1.2rem;border:0;border-top:3px solid #444}.contact-icon{padding:10px}.container{width:70%;margin:0 auto;padding:30px}.content-bg{background-color:#f5f1ec;margin:20px auto;padding:30px}.text-center{text-align:center}.semi-bold{font-weight:600}.button-link{padding:5px 20px;margin:5px auto;text-align:center;font-weight:700;color:#0093b7;border:3px solid #0093b7}.button-link,.button-link:hover{transition:background .4s,color .4s}.button-link:hover{background:#51393c;text-decoration:none;color:#fff;border:3px solid #51393c}html{font-size:100%;line-height:1.2}@media screen and (min-width:20em){html{font-size:90%;line-height:1.3}}@media screen and (min-width:36em){html{font-size:100%;line-height:1.35}}@media screen and (min-width:48em){html{font-size:105%;line-height:1.4}}@media screen and (min-width:62em){html{font-size:110%;line-height:1.45}}@media screen and (min-width:75em){html{font-size:115%;line-height:1.5}}@media (max-width:1199.98px){.container{width:85%}.card-container{grid-template-columns:1fr 1fr}}@media (max-width:991.98px){.container{width:85%}.card-container{grid-template-columns:1fr;width:85%}}@media (max-width:767.98px){.contact__content{grid-template-columns:1fr}.card-container,.container{width:90%}}@media (max-width:575.98px){.container{width:100%}.card-container{grid-template-columns:1fr;width:100%}.card{margin:10px 0;grid-template-rows:140px auto 70px}.card-text,.card-title{margin-top:0}}