* {
  margin: 0;
  padding: 0;
}
body {
  font:
    16px Helvetica,
    Sans-Serif;
  line-height: 24px;
  color: #34263d;
}
.clear {
  clear: both;
}
.right {
  float: right;
}
.left {
  float: left;
}
.italic {
  font-style: italic;
}
.error {
  margin: 10px;
  font-weight: 900;
}
.error i {
  color: red;
}
@keyframes rotateAndMove {
  0% {
    transform: rotate(0deg);
    left: 0;
    top: 0;
  }
  10% {
    transform: rotate(90deg);
    left: 0;
    top: 0;
  }
  70% {
    transform: rotate(90deg);
    left: 30%;
    top: 0;
  }
  80% {
    transform: rotate(0deg);
    left: 30%;
    top: 0;
  }
  100% {
    transform: rotate(0deg);
    left: 30%;
    top: -30px;
  }
}
.rotate-move {
  position: relative;
  animation: rotateAndMove 15s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}
.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  font-weight: 900;
}
.moving-icon {
  animation: moveHorizontally 4s linear infinite;
}
@keyframes moveHorizontally {
  0% {
    transform: translate(0, 20px);
  }

  100% {
    transform: translate(100px, 20px);
  }
}
#page-wrap {
  width: 800px;
  margin: 10px auto 60px;
}
#pic {
  float: right;
  border: 1px solid #555;
  display: none;
}
h1 {
  margin: 10px 0 0;
  font-size: 42px;
  font-weight: bold;
  letter-spacing: -2px;
}
#contact-info {
  border-bottom: 1px solid #555;
}
h2 {
  font-size: 20px;
  margin: 0 0 6px 0;
  position: relative;
}
h2 span {
  float: right;
  margin-top: 1px;
  font-style: italic;
  font-family: Georgia, Serif;
  font-size: 16px;
  color: #555;
  font-weight: normal;
}
p {
  margin: 0 0 16px 0;
}
.tech-skills p {
  margin: 0 0 8px 16px;
}
a {
  color: #555;
  text-decoration: none;
  border-bottom: 1px dotted #555;
}
a:hover {
  border-bottom-style: solid;
  color: black;
}
ul {
  margin: 0 0 20px 32px;
}
#objective {
  float: left;
}
#objective p {
  font-family: Serif;
  font-size: 18px;
  font-style: italic;
  color: #555;
  margin: 16px 16px 26px 16px;
  text-align: justify;
}
dt {
  display: block;
  font-style: italic;
  font-weight: bold;
  font-size: 23px;
  padding: 0 15px 0 0;
  width: 100%;
  float: left;
}
dt span {
  display: block;
  border-bottom: 1px solid #999;
}
dd {
  margin-left: 70px;
}
dd.clear {
  float: none;
  margin: 0;
  height: 15px;
}
.not-list {
  list-style: none;
}
.big-icon {
  float: left;
  height: 40px;
  width: 45px;
  text-align: center;
  color: #fd9f25;
}
.small-icon {
  text-align: center;
  margin: 0 9px 0 0;
  width: 16px;
  color: #fd9f25;
}
.colorDark {
  color: #192e5b;
}
.colorLightBlue {
  color: #45b1ef;
}
.colorLightGreen {
  color: #00a651;
}
.colorLightRed {
  color: #ed1c24;
}
.colorLightYellow {
  color: #ffcc00;
}
.colorLightOrange {
  color: #f68b1f;
}
.colorLightPurple {
  color: #92278f;
}
.colorLightBrown {
  color: #8c6239;
}
.colorLightPink {
  color: #e4a9c9;
}

.experience {
  color: #192e5b;
}
.projects {
  color: #f2a104;
}
.trainings {
  color: #00743f;
}
.education {
  color: #f25117;
}
.languages {
  color: #1d65a6;
}
.hobbies {
  color: #72a2c0;
}