.left {
  box-shadow: 5px 0 5px -5px rgba(0,0,0,.5);
  color: #efefef;
  background: #2980b9;
  background: linear-gradient(90deg,#2980b9,#2c3e50);
  width: 50%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: fixed;
}

.left {
  text-align: center;
}

@media screen and (max-width:1000px) {
  .left {
    display: block;
    width: 100%;
  }

  .left {
    position: relative;
  }
}

#my-botui-app {
  position: relative;
  width: 280px;
  top: 50px;
}

#my-botui-app .botui-container {
  margin-top: 50px;
  background-color: transparent;
}

#my-botui-app .botui-container::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

#my-botui-app .botui-actions-container {
  text-align: right;
}

#my-botui-app .botui-actions-buttons-button {
  box-shadow: none;
  border-radius: 25px;
}

#my-botui-app .botui-message-content.human {
  background: #2f80ed;
}

@media screen and (max-width:1000px) {
  #my-botui-app .botui-container {
    height: 350px;
  }
}

.backgroudAnim,
.backgroudAnim svg {
  display: block!important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.backgroudAnim path {
  stroke-width: 5;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 10s linear infinite;
  animation: dash 10s linear infinite;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }

  50% {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: 1000;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }

  50% {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: 1000;
  }
}

.right {
  width: 50%;
  display: block;
  vertical-align: top;
  float: right;
  background-color: #f5f5f5;
}

.right-inner {
  padding: 20px 50px 50px;
}

.introduction {
  margin-bottom: 10px;
}

.introduction .project-desc:first-child {
  margin-top: 0;
}

@media screen and (max-width:1000px) {
  .right {
    display: block;
    width: 100%;
  }

  .right-inner {
    padding: 20px;
  }
}

.projects {
  padding: 10px 0 0;
}

#playground-img {
  background-image: url(/static/img/playground.e047059.png);
  background-size: cover;
  width: auto;
  height: 400px;
  margin: -100px -50px 25px;
}

@media screen and (max-width:480px) {
  #playground-img {
    height: 200px;
    margin: 0;
  }
}

.footer {
  margin-left: -50px;
  margin-right: -50px;
  margin-bottom: -50px;
  background-color: #fff;
  padding: 20px;
}

.copyright,
.left-footer,
.right-footer {
  display: inline-block;
  width: 32%;
  text-align: center;
}

.copyright {
  font-family: Roboto-Regular,sans-serif;
  font-size: 12px;
  color: #ccc;
}

.right-footer {
  text-align: center;
}

.right-footer .link {
  display: inline-block;
  color: #fff;
  background: #000;
  background: linear-gradient(90deg,#000,#434343);
}

.link {
  display: block;
  background: #56ccf2;
  width: 50px;
  text-align: center;
  padding: 10px 0;
  border-radius: 60px;
  color: #fff;
}

a.resume .resume-link {
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}

@media screen and (max-width:400px) {
  .footer {
    margin: 0;
  }

  .copyright,
  .left-footer,
  .right-footer {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width:1000px) {
  #pageNotFoundBot .botui-container {
    height: 350px;
  }
}

#pageNotFoundBot .botui-container {
  background-color: transparent;
}

#pageNotFoundBot .botui-container::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

#pageNotFoundBot .botui-actions-container {
  text-align: right;
}

.botui-message {
  text-align: left;
}

#mpageNotFoundBot .botui-actions-buttons-button {
  box-shadow: none;
  border-radius: 25px;
}

.botui-actions-buttons-button:focus {
  outline: none;
}

@font-face {
  font-family: Roboto-Regular;
  src: url(/static/fonts/Roboto-Regular.3e1af3e.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Roboto-Medium;
  src: url(/static/fonts/Roboto-Medium.d088405.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Roboto-Bold;
  src: url(/static/fonts/Roboto-Bold.ee7b96f.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: icomoon;
  src: url(data:application/vnd.ms-fontobject;base64,GAYAAHQFAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAA1S2FqwAAAAAAAAAAAAAAAAAAAAAAAA4AaQBjAG8AbQBvAG8AbgAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBpAGMAbwBtAG8AbwBuAAAAAAAAAQAAAAsAgAADADBPUy8yDxIHSQAAALwAAABgY21hcOsG62IAAAEcAAAAXGdhc3AAAAAQAAABeAAAAAhnbHlmkE5BDQAAAYAAAAGoaGVhZA7cMSAAAAMoAAAANmhoZWEHwgPHAAADYAAAACRobXR4DgAAQAAAA4QAAAAYbG9jYQD8AKwAAAOcAAAADm1heHAACgBaAAADrAAAACBuYW1lmUoJ+wAAA8wAAAGGcG9zdAADAAAAAAVUAAAAIAADA1UBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOrKA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABABAAAAADAAIAAIABAABACDqsOrK//3//wAAAAAAIOqw6sr//f//AAH/4xVUFTsAAwABAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAA/84EAAOzAFcAAAEiDgIVFB4CFxY2NTwBJwYmMS4BMSY2MR4BMRY2Nz4BNy4DNTQ2Ny4BNzAWFz4BMzIWFz4BMRYGBx4BFRQOAgceARUUBhUUFjc+AzU0LgIjAgBqu4tQNF2BTBMQAWpCEicjJyYoIl0WBBILK1RCKRwZBAwVQ0oeQSEhQR5KQxUMBBkcKUNTKw4VARATTIFdNFCLu2oDs1CLu2pUmoBeGQQSCgk2IBdULB8YBwMyOwcKGCIKBRk4XkkqRRsJSTUDMQgJCQgxAzVJCRtFKkpdOBkFCzAjNEwNChIEGV9/mlRqu4tQAAAAAAMAQAAAA8ADQAAXABsAJwAAATMVMz4BMzIeAhURIxE0JiMiBhURIxEhMxEjExQGIyImNTQ2MzIWAYCxAxJZQ0dWMBG5GUdIJrn+wMDAwDgoKDg4KCg4AkBbITopSGI5/swBETFkWTf+6gJA/cAC4Cg4OCgoODgAAAEAAAABAACrhS3VXw889QALBAAAAAAA1d52UQAAAADV3nZRAAD/zgQAA7MAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAYEAAAAAAAAAAAAAAACAAAABAAAAAQAAEAAAAAAAAoAFAAeAJgA1AAAAAEAAAAGAFgAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA);
  src: url(data:application/vnd.ms-fontobject;base64,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#iefix) format("embedded-opentype"),url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SB0kAAAC8AAAAYGNtYXDrButiAAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZpBOQQ0AAAGAAAABqGhlYWQO3DEgAAADKAAAADZoaGVhB8IDxwAAA2AAAAAkaG10eA4AAEAAAAOEAAAAGGxvY2EA/ACsAAADnAAAAA5tYXhwAAoAWgAAA6wAAAAgbmFtZZlKCfsAAAPMAAABhnBvc3QAAwAAAAAFVAAAACAAAwNVAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADqygPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg6rDqyv/9//8AAAAAACDqsOrK//3//wAB/+MVVBU7AAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAP/OBAADswBXAAABIg4CFRQeAhcWNjU8AScGJjEuATEmNjEeATEWNjc+ATcuAzU0NjcuATcwFhc+ATMyFhc+ATEWBgceARUUDgIHHgEVFAYVFBY3PgM1NC4CIwIAaruLUDRdgUwTEAFqQhInIycmKCJdFgQSCytUQikcGQQMFUNKHkEhIUEeSkMVDAQZHClDUysOFQEQE0yBXTRQi7tqA7NQi7tqVJqAXhkEEgoJNiAXVCwfGAcDMjsHChgiCgUZOF5JKkUbCUk1AzEICQkIMQM1SQkbRSpKXTgZBQswIzRMDQoSBBlff5pUaruLUAAAAAADAEAAAAPAA0AAFwAbACcAAAEzFTM+ATMyHgIVESMRNCYjIgYVESMRITMRIxMUBiMiJjU0NjMyFgGAsQMSWUNHVjARuRlHSCa5/sDAwMA4KCg4OCgoOAJAWyE6KUhiOf7MARExZFk3/uoCQP3AAuAoODgoKDg4AAABAAAAAQAAq4Ut1V8PPPUACwQAAAAAANXedlEAAAAA1d52UQAA/84EAAOzAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAAGBAAAAAAAAAAAAAAAAgAAAAQAAAAEAABAAAAAAAAKABQAHgCYANQAAAABAAAABgBYAAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"),url(data:application/font-woff;base64,d09GRgABAAAAAAXAAAsAAAAABXQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIHSWNtYXAAAAFoAAAAXAAAAFzrButiZ2FzcAAAAcQAAAAIAAAACAAAABBnbHlmAAABzAAAAagAAAGokE5BDWhlYWQAAAN0AAAANgAAADYO3DEgaGhlYQAAA6wAAAAkAAAAJAfCA8dobXR4AAAD0AAAABgAAAAYDgAAQGxvY2EAAAPoAAAADgAAAA4A/ACsbWF4cAAAA/gAAAAgAAAAIAAKAFpuYW1lAAAEGAAAAYYAAAGGmUoJ+3Bvc3QAAAWgAAAAIAAAACAAAwAAAAMDVQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6soDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAEAIOqw6sr//f//AAAAAAAg6rDqyv/9//8AAf/jFVQVOwADAAEAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAD/zgQAA7MAVwAAASIOAhUUHgIXFjY1PAEnBiYxLgExJjYxHgExFjY3PgE3LgM1NDY3LgE3MBYXPgEzMhYXPgExFgYHHgEVFA4CBx4BFRQGFRQWNz4DNTQuAiMCAGq7i1A0XYFMExABakISJyMnJigiXRYEEgsrVEIpHBkEDBVDSh5BISFBHkpDFQwEGRwpQ1MrDhUBEBNMgV00UIu7agOzUIu7alSagF4ZBBIKCTYgF1QsHxgHAzI7BwoYIgoFGTheSSpFGwlJNQMxCAkJCDEDNUkJG0UqSl04GQULMCM0TA0KEgQZX3+aVGq7i1AAAAAAAwBAAAADwANAABcAGwAnAAABMxUzPgEzMh4CFREjETQmIyIGFREjESEzESMTFAYjIiY1NDYzMhYBgLEDEllDR1YwEbkZR0gmuf7AwMDAOCgoODgoKDgCQFshOilIYjn+zAERMWRZN/7qAkD9wALgKDg4KCg4OAAAAQAAAAEAAKuFLdVfDzz1AAsEAAAAAADV3nZRAAAAANXedlEAAP/OBAADswAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAEAAABAAAAAAAAAAAAAAAAAAAABgQAAAAAAAAAAAAAAAIAAAAEAAAABAAAQAAAAAAACgAUAB4AmADUAAAAAQAAAAYAWAADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("woff"),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bWV0YWRhdGE+R2VuZXJhdGVkIGJ5IEljb01vb248L21ldGFkYXRhPgo8ZGVmcz4KPGZvbnQgaWQ9Imljb21vb24iIGhvcml6LWFkdi14PSIxMDI0Ij4KPGZvbnQtZmFjZSB1bml0cy1wZXItZW09IjEwMjQiIGFzY2VudD0iOTYwIiBkZXNjZW50PSItNjQiIC8+CjxtaXNzaW5nLWdseXBoIGhvcml6LWFkdi14PSIxMDI0IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4MjA7IiBob3Jpei1hZHYteD0iNTEyIiBkPSIiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlYWIwOyIgZ2x5cGgtbmFtZT0iZ2l0aHViIiBkPSJNNTEyLjAwOCA5NDcuMzU4Yy0yODIuNzM4IDAtNTEyLjAwOC0yMjkuMjE4LTUxMi4wMDgtNTExLjk5OCAwLTIyNi4yMTQgMTQ2LjcwNC00MTguMTMyIDM1MC4xMzYtNDg1LjgzNiAyNS41ODYtNC43MzggMzQuOTkyIDExLjExIDM0Ljk5MiAyNC42MzIgMCAxMi4yMDQtMC40OCA1Mi41NDItMC42OTYgOTUuMzI0LTE0Mi40NDgtMzAuOTc2LTE3Mi41MDQgNjAuNDEtMTcyLjUwNCA2MC40MS0yMy4yODIgNTkuMTc2LTU2Ljg0OCA3NC45MTYtNTYuODQ4IDc0LjkxNi00Ni40NTIgMzEuNzc4IDMuNTEgMzEuMTI0IDMuNTEgMzEuMTI0IDUxLjQtMy42MSA3OC40NzYtNTIuNzY2IDc4LjQ3Ni01Mi43NjYgNDUuNjcyLTc4LjI3IDExOS43NzYtNTUuNjQgMTQ5LjAwNC00Mi41NTggNC41ODggMzMuMDg2IDE3Ljg1MiA1NS42OCAzMi41MDYgNjguNDY0LTExMy43MyAxMi45NDItMjMzLjI3NiA1Ni44NS0yMzMuMjc2IDI1My4wMzIgMCA1NS44OTggMjAuMDA0IDEwMS41NzQgNTIuNzYgMTM3LjQyOC01LjMxNiAxMi45LTIyLjg1NCA2NC45NzIgNC45NTIgMTM1LjUgMCAwIDQzLjAwNiAxMy43NTIgMTQwLjg0LTUyLjQ5IDQwLjgzNiAxMS4zNDggODQuNjM2IDE3LjAzNiAxMjguMTU0IDE3LjIzNCA0My41MDItMC4xOTggODcuMzM2LTUuODg2IDEyOC4yNTYtMTcuMjM0IDk3LjczNCA2Ni4yNDQgMTQwLjY1NiA1Mi40OSAxNDAuNjU2IDUyLjQ5IDI3Ljg3Mi03MC41MjggMTAuMzUtMTIyLjYgNS4wMzYtMTM1LjUgMzIuODItMzUuODU2IDUyLjY5NC04MS41MzIgNTIuNjk0LTEzNy40MjggMC0xOTYuNjU0LTExOS43NzgtMjM5Ljk1LTIzMy43OS0yNTIuNjI0IDE4LjM2NC0xNS44OSAzNC43MjQtNDcuMDQ2IDM0LjcyNC05NC44MTIgMC02OC41MDgtMC41OTYtMTIzLjY0NC0wLjU5Ni0xNDAuNTA4IDAtMTMuNjI4IDkuMjIyLTI5LjU5NCAzNS4xNzItMjQuNTY2IDIwMy4zMjIgNjcuNzc2IDM0OS44NDIgMjU5LjYyNiAzNDkuODQyIDQ4NS43NjggMCAyODIuNzgtMjI5LjIzNCA1MTEuOTk4LTUxMS45OTIgNTExLjk5OHoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlYWNhOyIgZ2x5cGgtbmFtZT0ibGlua2VkaW4iIGQ9Ik0zODQgNTc2aDE3Ny4xMDZ2LTkwLjc4MmgyLjUzMmMyNC42NCA0NC4xOTQgODQuOTU4IDkwLjc4MiAxNzQuODQyIDkwLjc4MiAxODYuOTQ2IDAgMjIxLjUyLTExNi4zNzYgMjIxLjUyLTI2Ny43MzR2LTMwOC4yNjZoLTE4NC42MXYyNzMuMjc4YzAgNjUuMTg0LTEuMzM0IDE0OS4wMjYtOTYuMDI4IDE0OS4wMjYtOTYuMTQ4IDAtMTEwLjgyLTcwLjk4Ni0xMTAuODItMTQ0LjI5MnYtMjc4LjAxMmgtMTg0LjU0MnY1NzZ6TTY0IDU3NmgxOTJ2LTU3NmgtMTkydjU3NnpNMjU2IDczNmMwLTUzLjAxOS00Mi45ODEtOTYtOTYtOTZzLTk2IDQyLjk4MS05NiA5NmMwIDUzLjAxOSA0Mi45ODEgOTYgOTYgOTZzOTYtNDIuOTgxIDk2LTk2eiIgLz4KPC9mb250PjwvZGVmcz48L3N2Zz4=#icomoon) format("svg");
  font-weight: 400;
  font-style: normal;
}

[class*=" fa-"],
[class^=fa-] {
  font-family: icomoon!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-github:before {
  content: "\EAB0";
}

.fa-linkedin:before {
  content: "\EACA";
}

a {
  text-decoration: none;
}

.left .info {
  color: #000;
  width: 100%;
  margin: 0 auto;
}

.left .info .name {
  font-weight: 500;
}

.left .info .social-links {
  margin-top: 30px;
}

.left .info .fa {
  margin: 10px;
  font-size: 24px;
  color: #fff;
}

.right a {
  color: #000;
}

.right .content,
.right h4 {
  display: inline-block;
  vertical-align: top;
}

.right h4 {
  width: 25%;
  margin: 0 0 20px;
  text-transform: uppercase;
  font-size: 14px;
  font-family: Roboto-Bold,sans-serif;
}

.right ul {
  padding: 0;
  margin: 0;
}

.right .content {
  width: 100%;
  padding: 0;
  margin: 0 0 10px;
  margin-top: 0;
  font-weight: 300;
  line-height: 1.5;
}

@media screen and (max-width:600px) {
  .right .content,
  .right h4 {
    display: block;
    vertical-align: top;
    width: 100%;
  }
}

.right .content ul.description {
  padding-left: 20px;
  margin-top: 10px;
  font-size: 15px;
}

.right .education {
  background-color: #fff;
  font-size: 16px;
  margin-left: -50px;
  margin-right: -50px;
  padding: 10px 50px;
}

.right .education .university {
  font-weight: 700;
  font-size: 16px;
}

.right .education .college {
  font-weight: 500;
  margin-bottom: 10px;
}

.right .education .grad-date {
  text-transform: uppercase;
  color: #aaa;
  font-size: 13px;
  font-weight: 500;
  margin-top: 20px;
}

.right .experience .exp-item {
  margin-bottom: 30px;
}

.right .experience .exp-item:last-of-type {
  margin-bottom: 0;
}

.right .experience .exp-item .job {
  margin: 0;
  font-weight: 700;
}

.right .education .duration,
.right .experience .exp-item .duration {
  font-size: 13px;
  font-weight: 500;
  float: right;
  color: #aaa;
  text-transform: uppercase;
  position: relative;
  top: 1px;
  margin-bottom: 5px;
}

@media screen and (max-width:480px) {
  .right .education .duration,
  .right .experience .exp-item .duration {
    float: none;
  }
}

.right .experience .exp-item .title {
  font-size: 14px;
}

.right .additional .project-item,
.right .projects .project-item {
  margin-bottom: 20px;
}

.right .additional .project-title,
.right .projects .project-title {
  font-family: Roboto-Medium,sans-serif;
  color: #3498db;
  margin-bottom: 0;
}

.right .additional .project-desc,
.right .playground .project-desc,
.right .projects .project-desc {
  font-size: 15px;
  margin: 0 0 10px;
}

.right a.resume {
  right: 0;
  display: block;
  background: #3498db;
  width: 125px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0;
  border-radius: 50px;
  transition: all .3s ease;
  color: #fff;
}

.right a.resume .resume-link {
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}

@media screen and (max-width:400px) {
  .left-inner,
  .right-inner {
    padding: 20px;
  }

  .right .education {
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
  }

  .right .playground-img {
    margin: 0;
  }

  .right .projects {
    margin-bottom: 25px;
  }
}

a.botui-message-content-link:focus {
  outline: thin dotted;
}

a.botui-message-content-link:focus:active,
a.botui-message-content-link:focus:hover {
  outline: 0;
}

form.botui-actions-text {
  margin: 0;
}

button.botui-actions-buttons-button,
input.botui-actions-text-input {
  margin: 0;
  font-size: 100%;
  line-height: normal;
  vertical-align: baseline;
}

button.botui-actions-buttons-button::-moz-focus-inner,
input.botui-actions-text-input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button.botui-actions-buttons-button {
  cursor: pointer;
  -webkit-appearance: button;
}

@media (min-width:400px) {
  .botui-app-container {
    width: 400px;
    height: 500px;
    margin: 0 auto;
  }
}

.botui-container {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.botui-message {
  margin: 10px 0;
  min-height: 20px;
}

.botui-message-content {
  width: auto;
  max-width: 85%;
  display: inline-block;
}

.botui-message-content.human {
  float: right;
}

.botui-message-content iframe {
  width: 100%;
}

.botui-message-content-image {
  margin: 5px 0;
  display: block;
  max-width: 200px;
  max-height: 200px;
}

.botui-message-content-link {
  text-decoration: underline;
}

.botui-actions-buttons-button+.botui-actions-buttons-button {
  margin-left: 10px;
}

@media (min-width:400px) {
  .botui-actions-text-submit {
    display: none;
  }
}

.botui-container {
  font-size: 14px;
  background-color: #fff;
  font-family: Open Sans,sans-serif;
}

.botui-actions-container,
.botui-messages-container {
  padding: 10px 20px;
}

.botui-message {
  min-height: 30px;
}

.botui-message-content {
  padding: 7px 13px;
  border-radius: 15px;
  color: #595a5a;
  background-color: #ebebeb;
}

.botui-message-content.human {
  color: #f7f8f8;
  background-color: #919292;
}

.botui-message-content.text {
  line-height: 1.3;
}

.botui-message-content.loading {
  background-color: hsla(0,0%,81%,.5);
  line-height: 1.3;
  text-align: center;
}

.botui-message-content.embed {
  padding: 5px;
  border-radius: 5px;
}

.botui-message-content-link {
  color: #919292;
}

.botui-actions-text-input {
  border: 0;
  outline: 0;
  border-radius: 0;
  padding: 5px 7px;
  font-family: Open Sans,sans-serif;
  background-color: transparent;
  color: #595a5a;
  border-bottom: 1px solid #919292;
}

.botui-actions-text-submit {
  color: #fff;
  width: 30px;
  padding: 5px;
  height: 30px;
  line-height: 1;
  border-radius: 50%;
  border: 1px solid #919292;
  background: #777979;
}

.botui-actions-buttons-button {
  border: 0;
  color: #fff;
  line-height: 1;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 7px 15px;
  border-radius: 4px;
  font-family: Open Sans,sans-serif;
  background: #777979;
  box-shadow: 2px 3px 4px 0 rgba(0,0,0,.25);
}

.slide-fade-enter-active {
  transition: all .3s ease;
}

.slide-fade-enter,
.slide-fade-leave-to {
  opacity: 0;
  transform: translateX(-10px);
}

.dot {
  width: .5rem;
  height: .5rem;
  border-radius: .5rem;
  display: inline-block;
  background-color: #919292;
}

.dot:last-child {
  margin-left: .3rem;
  animation: loading .6s .3s linear infinite;
}

.dot:nth-last-child(2) {
  margin-left: .3rem;
  animation: loading .6s .2s linear infinite;
}

.dot:nth-last-child(3) {
  animation: loading .6s .1s linear infinite;
}

@keyframes loading {
  0 {
    transform: translate(0);
    background-color: #ababab;
  }

  25% {
    transform: translateY(-3px);
  }

  50% {
    transform: translate(0);
    background-color: #ababab;
  }

  75% {
    transform: translateY(3px);
  }

  to {
    transform: translate(0);
  }
}