/*! sanitize.css v4.0.0 | CC0 License | github.com/10up/sanitize.css */article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
 display:block
}
audio,
canvas,
progress,
video {
 display:inline-block
}
audio:not([controls]) {
 display:none;
 height:0
}
template,
[hidden] {
 display:none
}
*,
::before,
::after {
 background-repeat:no-repeat;
 -webkit-box-sizing:inherit;
 box-sizing:inherit
}
::before,
::after {
 text-decoration:inherit;
 vertical-align:inherit
}
html {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 cursor:default;
 font-family:sans-serif;
 line-height:1.5;
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%
}
body {
 margin:0
}
h1 {
 font-size:2em;
 margin:.67em 0
}
code,
kbd,
pre,
samp {
 font-family:monospace, monospace;
 font-size:1em
}
hr {
 height:0;
 overflow:visible
}
nav ol,
nav ul {
 list-style:none
}
abbr[title] {
 border-bottom:1px dotted;
 text-decoration:none
}
b,
strong {
 font-weight:inherit
}
b,
strong {
 font-weight:bolder
}
dfn {
 font-style:italic
}
mark {
 background-color:#ffff00;
 color:#000000
}
progress {
 vertical-align:baseline
}
small {
 font-size:83.3333%
}
sub,
sup {
 font-size:83.3333%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sub {
 bottom:-.25em
}
sup {
 top:-.5em
}
::-moz-selection {
 background-color:#b3d4fc;
 color:#000000;
 text-shadow:none
}
::-moz-selection {
 background-color:#b3d4fc;
 color:#000000;
 text-shadow:none
}
::selection {
 background-color:#b3d4fc;
 color:#000000;
 text-shadow:none
}
audio,
canvas,
iframe,
img,
svg,
video {
 vertical-align:middle
}
img {
 border-style:none
}
svg {
 fill:currentColor
}
svg:not(:root) {
 overflow:hidden
}
a {
 background-color:transparent;
 -webkit-text-decoration-skip:objects
}
:hover {
 outline-width:0
}
table {
 border-collapse:collapse;
 border-spacing:0
}
button,
input,
select,
textarea {
 background-color:transparent;
 border-style:none;
 color:inherit;
 font-size:1em;
 margin:0
}
button,
input {
 overflow:visible
}
button,
select {
 text-transform:none
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
 -webkit-appearance:button
}
::-moz-focus-inner {
 border-style:none;
 padding:0
}
:-moz-focusring {
 outline:1px dotted ButtonText
}
fieldset {
 border:1px solid #c0c0c0;
 margin:0 2px;
 padding:.35em .625em .75em
}
legend {
 display:table;
 max-width:100%;
 padding:0;
 white-space:normal
}
textarea {
 overflow:auto;
 resize:vertical
}
[type="checkbox"],
[type="radio"] {
 padding:0
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
 height:auto
}
[type="search"] {
 -webkit-appearance:textfield;
 outline-offset:-2px
}
::-webkit-search-cancel-button,
::-webkit-search-decoration {
 -webkit-appearance:none
}
::-webkit-input-placeholder {
 color:inherit;
 opacity:.54
}
::-webkit-file-upload-button {
 -webkit-appearance:button;
 font:inherit
}
[aria-busy="true"] {
 cursor:progress
}
[aria-controls] {
 cursor:pointer
}
[aria-disabled] {
 cursor:default
}
a,
area,
button,
input,
label,
select,
textarea,
[tabindex] {
 -ms-touch-action:manipulation;
 touch-action:manipulation
}
[hidden][aria-hidden="false"] {
 clip:rect(0, 0, 0, 0);
 display:inherit;
 position:absolute
}
[hidden][aria-hidden="false"]:focus {
 clip:auto
}
@font-face {
 font-family:'TT Commons';
 font-display:swap;
 font-weight:400;
 font-style:normal;
 src:url(https://cdn.resume.io/assets/tt_commons/TTCommons-Regular-fbf7d8df61ee434a5d1338a90d9968e311fab52216e0a2b23feb34166c5fe5ec.woff2) format("woff2"),
 url(https://cdn.resume.io/assets/tt_commons/TTCommons-Regular-88bd76761386b368fbc23ff58c89095fbda66768460ab82cbf4f3f77f1f4a360.woff) format("woff")
}
@font-face {
 font-family:'TT Commons';
 font-display:swap;
 font-weight:600;
 font-style:normal;
 src:url(https://cdn.resume.io/assets/tt_commons/TTCommons-DemiBold-93a17a9e8db0871e433fc972c447e628da935884e53c27ed32e9433c267be372.woff2) format("woff2"),
 url(https://cdn.resume.io/assets/tt_commons/TTCommons-DemiBold-18ff81c278558589a1fc55f12cd5b4cdabb86df253264aad7a7cfcef20c0b6d0.woff) format("woff")
}
body {
 font:normal 19px/24px 'TT Commons', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 color:#262b33;
 background:#f2f5fa
}
a {
 color:#2196f3;
 text-decoration:none
}
* {
 line-height:1.46
}
p,
h1,
h2,
h3,
h4 {
 -webkit-margin-before:0;
 -webkit-margin-after:0;
 -webkit-margin-start:0;
 -webkit-margin-end:0
}
.topbar {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-flow:row nowrap;
 flex-flow:row nowrap;
 padding:24px 0;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 width:100%;
 max-width:900px;
 margin:0 auto
}
.topbar:before {
 content:'';
 width:0;
 height:0
}
@media (max-width: 991px) {
 .topbar {
  padding:16px
 }
 .topbar:before {
  display:none
 }
}
.topbar__logo {
 display:block;
 background-position:50% 50%;
 background-size:contain;
 background-repeat:no-repeat;
 width:112px;
 height:28px;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-56px;
 margin-top:-14px
}
@media (max-width: 767px) {
 .topbar__logo {
  position:relative;
  top:0;
  left:0;
  margin:0;
  background-position:0 50%
 }
}
.topbar__like {
 background-color:#ffffff;
 z-index:2;
 height:40px;
 color:#ef6667;
 border:1px solid #e5e9f2;
 border-radius:3px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 cursor:pointer;
 -webkit-tap-highlight-color:transparent;
 -webkit-tap-highlight-color:transparent;
 -webkit-transition:background-color 0.2s ease;
 transition:background-color 0.2s ease;
 will-change:background-color
}
.topbar__like:hover {
 background-color:#f7f7f7
}
.topbar__heart {
 position:relative;
 width:40px;
 height:40px
}
.topbar__heart .material-icons {
 z-index:5;
 position:relative;
 margin-top:8px;
 margin-left:8px
}
.topbar__heart:before {
 content:'';
 z-index:3;
 position:absolute;
 background-color:#ef6667;
 width:100%;
 height:100%;
 border-radius:50%;
 top:0;
 left:0;
 -webkit-transform:scale(0.3);
 transform:scale(0.3);
 opacity:0.7
}
.topbar__heart:after {
 content:'';
 z-index:3;
 position:absolute;
 background-color:#f7f7f7;
 width:100%;
 height:100%;
 border-radius:50%;
 top:0;
 left:0;
 -webkit-transform:scale(0.3);
 transform:scale(0.3)
}
.topbar__heart--animating .material-icons {
 -webkit-animation:pulse 0.4s 0s forwards;
 animation:pulse 0.4s 0s forwards
}
.topbar__heart--animating:before {
 -webkit-animation:like-a 0.4s 0s forwards;
 animation:like-a 0.4s 0s forwards
}
.topbar__heart--animating:after {
 -webkit-animation:like-a 0.2s 0.2s forwards;
 animation:like-a 0.2s 0.2s forwards
}
@-webkit-keyframes like-a {
 100% {
  -webkit-transform:scale(1.5);
  transform:scale(1.5)
 }
}
@keyframes like-a {
 100% {
  -webkit-transform:scale(1.5);
  transform:scale(1.5)
 }
}
@-webkit-keyframes pulse {
 from {
  -webkit-transform:scale3d(1, 1, 1);
  transform:scale3d(1, 1, 1)
 }
 50% {
  -webkit-transform:scale3d(1.5, 1.5, 1.5);
  transform:scale3d(1.5, 1.5, 1.5)
 }
 to {
  -webkit-transform:scale3d(1, 1, 1);
  transform:scale3d(1, 1, 1)
 }
}
@keyframes pulse {
 from {
  -webkit-transform:scale3d(1, 1, 1);
  transform:scale3d(1, 1, 1)
 }
 50% {
  -webkit-transform:scale3d(1.5, 1.5, 1.5);
  transform:scale3d(1.5, 1.5, 1.5)
 }
 to {
  -webkit-transform:scale3d(1, 1, 1);
  transform:scale3d(1, 1, 1)
 }
}
.topbar__likes-counter {
 z-index:5;
 position:relative;
 padding-top:8px;
 font-weight:600;
 margin-right:12px
}
.topbar__download {
 height:36px;
 border-radius:4px;
 font-size:16px;
 line-height:20px;
 font-weight:600;
 background-color:#2196f3;
 color:#ffffff;
 text-align:center;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 white-space:nowrap;
 padding:8px 16px;
 cursor:pointer;
 -webkit-transition:background-color 0.2s ease;
 transition:background-color 0.2s ease;
 will-change:background-color
}
.topbar__download:hover {
 background-color:#0c84e4
}
.resume__container {
 padding:80px 0
}
@media (max-width: 767px) {
 .resume__container {
  padding-bottom:32px
 }
}
.resume__view-wrapper {
 background:#ffffff;
 overflow:hidden;
 margin:auto;
 width:100%;
 height:100%;
 overflow:hidden;
 border-radius:6px;
 -webkit-box-shadow:0 20px 60px 0 rgba(186,200,227,0.1),0 16px 36px 0 rgba(186,200,227,0.3);
 box-shadow:0 20px 60px 0 rgba(186,200,227,0.1),0 16px 36px 0 rgba(186,200,227,0.3)
}
@media (max-width: 767px) {
 .resume__view-wrapper {
  -webkit-box-shadow:none;
  box-shadow:none;
  border-radius:0
 }
}
.resume__view {
 background:#ffffff;
 -webkit-transform-origin:top left;
 transform-origin:top left;
 width:900px;
 min-height:900px;
 border:none;
 margin-bottom:32px
}

.setting--primary-background {
  background-color: #673AB7;
 }
 .setting--primary-text {
  color: #673AB7;
 }
 a {
  color: #673AB7;
  text-decoration: initial;