@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&display=swap");

/* Theme Colors */
:root {
  --rich-black: #001524;
  --space-cadet: #2b2d42;
  --space-cadet-light: #32344c;
  --independence: #383b56;
  --independence-2: #42445a;
  --independence-light: #494e6f;
  --carribean-green: #06d6a0;
  --dark-green: #127d09;
  --dark-green-transp: rgba(18, 125, 9, 0.8);
  --ash-gray: #bcbdbb;
  --platinum: #e6e4e4;
  --platinum-transp: rgba(230, 228, 228, 0.95);
  --light-gray: #d2d1d3;
  --magnolia: #f8f0fb;
  --imperial-red: #e63946;
  --imperial-red-light: #ffd0d4;
  --amaranth-red: #da1b2b;
  --pure-white: #ffffff;
  --white-transp: rgba(255, 255, 255, 0.8);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
}
html {
  scroll-behavior: smooth;
}
body {
  /*background: url(../img/world_map.png) no-repeat fixed center;linear-gradient(
    to left top,
    #8a11cd,
    #8c35c9,
    #8d4ac5,
    #905bbf,
    #926bb9,
    #7f75bc,
    #6f7cba,
    #6582b5,
    #3784af,
    #00849f,
    #008288,
    #0d7e6c
  );
  
  background-color: #5a585a;
  */
 
  

  background-position: stretch;
  font-family: "Poppins", sans-serif;
}

body::-webkit-scrollbar {
  width: 1em;
}
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
body::-webkit-scrollbar-thumb {
  background-color: var(--amaranth-red);
  border-radius: 10px;
}
body::-webkit-scrollbar-thumb:hover {
  background-color: var(--space-cadet);
}

.no-data-found img {
  width: 70%;
  padding: 40px;
}
ul {
  list-style-type: none;
}
a {
  text-decoration: none;
}
.main-container {
  width: 100%;
  background: var(--platinum-transp);
}
.text-red {
  color: var(--imperial-red);
}
.text-carribean-green {
  color: var(--carribean-green);
}
.dark-green {
  color: var(--dark-green);
}
.important-text {
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
}
.bold {
  font-weight: 700;
}
.lowercase {
  text-transform: lowercase;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.left {
  float: left;
}
.right {
  float: right;
  position: relative;
  right: 25%;
  text-align: left;
}

/*Animation*/
@keyframes MoveToBottom {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes MoveToRight {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}

/*For Mobile Screen */
@media only screen and (max-width: 600px) {
  .card-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 20px auto;
  }
  .side-nav-bar,
  .photo-section,
  .topnav .search-container,
  .topnav .user {
    display: none;
  }

  .card-content {
    display: block;
  }
  .personal-info-content,
  .work-content,
  .note-area,
  .topnav {
    width: 100%;
    display: block;
    float: left;
    position: relative;
    top: 0;
  }
  .topnav {
    margin: 0;
  }
}

footer {
  clear: both;
  bottom: 0;
  padding: 15px;
  margin: 0 auto;
  color: var(--space-cadet);
  text-align: center;
  position: relative;
}