@import url(https://fonts.googleapis.com/css2?family=Karla:wght@200;400&display=swap);
.navigation{position:relative;display:flex;align-items:center;height:60px;width:100%;padding:.5rem 0rem;background-color:#343a40;color:#fff;box-shadow:0 2px 2px 2px rgba(9,9,9,.23)}.brand-name{text-decoration:none;color:#fff;font-size:1.3rem;margin-left:1rem}.navigation-menu{background-color:#343a40;margin-left:auto}.navigation-menu ul{display:flex;padding:0}.navigation-menu li{list-style-type:none;margin:0 1rem}.navigation-menu li a{text-decoration:none;display:block;width:100%;color:rgba(255,255,255,.5)}.navigation-menu li a:hover,.navigation-menu li a:active{color:#fff}.hamburger{border:0;height:40px;width:40px;padding:.5rem;border-radius:50%;background-color:#343a40;cursor:pointer;transition:background-color .2s ease-in-out;position:absolute;top:50%;right:25px;transform:translateY(-50%);display:none}.hamburger:hover{background-color:#4b545c}.hamburger svg{fill:#fff}@media screen and (max-width: 550px){.hamburger{display:block}.navigation-menu ul{flex-direction:column;position:absolute;top:60px;left:0;width:100%;height:calc(100vh - 60px);background-color:#343a40;border-top:1px solid #000;display:none}.navigation-menu li{text-align:center;margin:0}.navigation-menu li a{color:#fff;width:100%;padding:1.5rem 0}.navigation-menu li:hover{background-color:#4b545c}.navigation-menu.expanded ul{display:block}}.navigation.sticky{position:fixed;top:0;width:100%}.navigation.sticky+.container{padding-top:60px}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Karla",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container *{display:block}.container .section{min-height:800px;background-color:gray;border-color:#000;border-width:3px;border-style:solid;scroll-margin-top:60px}#resume-iframe{width:90%;margin-left:5%;height:100vh}.button{display:block;width:50%;height:50px;background:#4e9caf;padding-top:15px;margin-left:5%;text-align:center;border-radius:5px;color:#fff;font-weight:bold}article h1{margin:1rem 0}