@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700|Lato);html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html,body,.container{height:100%;background-color:#010409;color:#010409;font-size:0.9rem;font-family:"Lato",sans-serif}header{font-family:"Quicksand",sans-serif}footer{color:white;text-align:right;padding:2em}h1{font-size:5em}h2{font-size:4em}p{font-size:1.5em;line-height:1.5em}@media (max-width: 480px){html,body{font-size:0.7rem}}@media (max-width: 430px){html,body{font-size:0.6rem}}@media (max-width: 350px){html,body{font-size:0.5rem}}@media (max-width: 768px) and (orientation: landscape){html,body{font-size:0.5rem}}@media (min-width: 768px){.container{max-width:1080px;margin:0 auto}}section#home{height:inherit}section .home{height:inherit;position:relative}section .home .header{padding:3em 1em}section .home h1{text-align:center;margin-bottom:30px}section .home h2{width:60%;margin-left:30%}section .home p{width:50%;margin-left:35%;margin-right:5%;margin-top:3em}.home-background{background-color:#fff;position:absolute;height:100%;width:100%;border-bottom-left-radius:100%}@media (max-width: 768px) and (orientation: landscape){.home .header{width:50%;float:right}}@media (max-width: 767px){.home-background{height:89%}}@media (min-width: 768px){.home-background{height:100%}section#home{position:relative}section#home .header{padding-top:10%}section#home h2{margin-right:30%;text-align:right}}nav.menu ul{padding-left:0}nav.menu ul li{list-style-type:none;margin-bottom:1em}nav.menu ul li a{color:#fff;text-decoration:underline}nav.menu ul li a:hover{color:#3a74e9}nav.menu ul li a:focus{color:#d89818}nav.menu ul li a:active{color:#e9af3a}nav.menu.home-menu{position:absolute;bottom:0;padding:1em}nav.menu.responsive-menu{position:fixed;top:0;left:0;width:100%;z-index:2}nav.menu.responsive-menu .svg-container{background-image:url("../img/menu-bg.svg");background-size:cover;position:absolute;height:7.3em;width:100%;background-repeat:no-repeat}nav.menu.responsive-menu .svg-container svg{position:absolute;color:#010409}nav.menu.responsive-menu .svg-container svg .path{fill:currentColor}nav.menu.responsive-menu .menu-icon{padding:0.5em;position:relative;z-index:3}nav.menu.responsive-menu .menu-icon li{width:4.5em;height:0.7em;margin:1em;background-color:#fff}nav.menu.responsive-menu .menu-icon.active li{background-color:#e9af3a}nav.menu.responsive-menu .menu-background{position:absolute;width:100%;height:100%}nav.menu.responsive-menu .overlay{position:fixed;left:0;top:0;background-color:rgba(1,4,9,0.1);width:100%;height:100%;z-index:1}nav.menu.responsive-menu .menu-items{width:100%;position:absolute;top:0;margin:0 auto;color:#010409;padding:0 7.1em;box-sizing:border-box}nav.menu.responsive-menu .menu-items ul{background-color:rgba(1,4,9,0.7);padding:7.1em 15px 15px 15px;border-radius:3px;z-index:2;position:relative}nav.menu.responsive-menu .menu-items ul li{margin-left:5em}nav.menu a{font-size:2.5em}@media (min-width: 768px){nav.menu ul{display:inline-block;float:right}nav.menu ul li a{color:#010409;font-size:1.5em}nav.menu.home-menu{bottom:2em;right:0;background-color:#fff}.responsive-menu{display:none}}@media (min-width: 980px){.menu li.aboutmelink{display:none}}.section-header .title{font-size:3em;margin-left:2em;vertical-align:bottom;display:inline}@media (max-width: 768px){section{position:relative}section.section{background-color:#fff}.section-header{text-align:right;margin-right:2em;height:7.1em;line-height:7.1em}}@media (max-width: 768px) and (orientation: portrait){section{height:inherit;margin:0 2em;overflow:auto}.section-content{border-top:1px solid;margin:0 2em}.section-header{padding-top:3em;border-top:1px solid;margin:0 2em}}@media (min-width: 768px){section{overflow:hidden;margin:0 2em}section .section{background-color:#010409}section .section-header .title{color:white}}.xp-card .title{font-size:2.5em;font-weight:bold;text-transform:capitalize;margin-bottom:0.51em}.xp-card .company{font-family:"Lato",sans-serif}.xp-card .company,.xp-card .date{font-size:2em;text-transform:capitalize}.xp-card hr{border-color:#e9af3a;width:60%;margin-top:5em;margin-bottom:0;border-style:solid}.xp-card .card{padding:2em 0}@media (max-width: 768px){.xp-card{margin-top:2em}.xp-card .card{width:80%;margin:0 auto}.xp-card .body{display:none}}@media (min-width: 768px){.xp .section-header{background-color:#fff;border-top-right-radius:100%;height:22em;line-height:15em}.xp .section-header .title{vertical-align:bottom;color:#010409}.xp .section-content{background-color:#fff}.xp .section-content .xp-card{overflow:hidden}.xp .section-content .card{margin-bottom:2em}.xp .section-content .card .header{width:33.33333%;float:right;border-left:2px solid #e9af3a;padding-left:2em;box-sizing:border-box}.xp .section-content .card .title{margin-bottom:1em}.xp .section-content .card hr{border:0}.xp .section-content .card .body{width:33.33333%;float:right;margin-top:1em}.xp .section-content .card .date{float:left;width:33.33333%;text-align:right;padding:1em;box-sizing:border-box}}.chart h3{font-size:2.5em;color:#040d20;padding-left:1em}@media (max-width: 768px) and (orientation: portrait){.chart{height:30%}.chartContainer{width:100%;max-height:200px;margin:2em 0}}@media (min-width: 768px){.chartContainer .chart{margin:0 auto}.chartContainer .chart h3{font-size:2em;padding:0;color:#f2f2f2}.chartContainer:not(:first-child){width:50%;float:left}.chartContainer:not(:first-child) .chart#fEnd_char{float:right}.chartContainer:not(:first-child) .chart#bEnd_char{float:left}#design_char{width:50%}}@media (max-width: 768px) and (orientation: portrait){.section .skills .section-header{border:0}}@media (min-width: 768px){.skills .section-header{margin-top:5em;width:20%;float:left}.skills .section-content{width:80%;min-height:420px;height:420px;float:right}}@media (min-width: 768px){.education .educ-bg-title{background-color:#fff}.education .section-header{border-top-left-radius:100%;height:22em;line-height:15em;background-color:#010409;text-align:right}.education .section-header .title{vertical-align:bottom;color:#fff}.education .section-content{background-color:#010409;color:#fff}.education .section-content .card{margin:0 8em 8em}}@media (max-width: 500px) and (orientation: landscape){#aboutme p.aboutme{color:#fff}}@media (max-width: 768px) and (orientation: landscape){#aboutme p.aboutme{color:#010409}}@media (min-width: 768px){#aboutme p.aboutme{color:#fff}}@media (max-width: 979px){.home .aboutme{display:none}#aboutme p.aboutme{width:80%;margin:0em auto;padding:2em}}@media (min-width: 980px){.home .aboutme{display:block}#aboutme{display:none}}@media (max-width: 1024px){section .home p.aboutme{margin-top:1em}}@media (min-aspect-ratio: 16 / 9) and (max-width: 1350px) and (min-width: 768px){section#home .home .header{padding-top:1em}}
/*# sourceMappingURL=styles.css.map */