{"version":3,"file":"static/css/main.7f35e7a3.css","mappings":"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","sources":["style.css"],"sourcesContent":[":root {\r\n\r\n  /**\r\n   * colors\r\n   */\r\n\r\n  /* gradient */\r\n\r\n  --bg-gradient-onyx: linear-gradient(\r\n    to bottom right, \r\n    hsl(240, 1%, 25%) 3%, \r\n    hsl(0, 0%, 19%) 97%\r\n  );\r\n  --bg-gradient-jet: linear-gradient(\r\n    to bottom right, \r\n    hsla(240, 1%, 18%, 0.251) 0%, \r\n    hsla(240, 2%, 11%, 0) 100%\r\n  ), hsl(240, 2%, 13%);\r\n  --bg-gradient-yellow-1: linear-gradient(\r\n    to bottom right, \r\n    hsl(45, 100%, 71%) 0%, \r\n    hsla(36, 100%, 69%, 0) 50%\r\n  );\r\n  --bg-gradient-yellow-2: linear-gradient(\r\n    135deg, \r\n    hsla(45, 100%, 71%, 0.251) 0%, \r\n    hsla(35, 100%, 68%, 0) 59.86%\r\n  ), hsl(240, 2%, 13%);\r\n  --border-gradient-onyx: linear-gradient(\r\n    to bottom right, \r\n    hsl(0, 0%, 25%) 0%, \r\n    hsla(0, 0%, 25%, 0) 50%\r\n  );\r\n  --text-gradient-yellow: linear-gradient(\r\n    to right, \r\n    hsl(45, 100%, 72%), \r\n    hsl(35, 100%, 68%)\r\n  );\r\n\r\n  /* solid */\r\n\r\n  --jet: hsl(0, 0%, 22%);\r\n  --onyx: hsl(240, 1%, 17%);\r\n  --eerie-black-1: hsl(240, 2%, 13%);\r\n  --eerie-black-2: hsl(240, 2%, 12%);\r\n  --smoky-black: hsl(0, 0%, 7%);\r\n  --white-1: hsl(0, 0%, 100%);\r\n  --white-2: hsl(0, 0%, 98%);\r\n  --orange-yellow-crayola: hsl(45, 100%, 72%);\r\n  --vegas-gold: hsl(45, 54%, 58%);\r\n  --light-gray: hsl(0, 0%, 84%);\r\n  --light-gray-70: hsla(0, 0%, 84%, 0.7);\r\n  --bittersweet-shimmer: hsl(0, 43%, 51%);\r\n\r\n  /**\r\n   * typography\r\n   */\r\n\r\n  /* font-family */\r\n  --ff-poppins: 'Poppins', sans-serif;\r\n\r\n  /* font-size */\r\n  --fs-1: 24px;\r\n  --fs-2: 18px;\r\n  --fs-3: 17px;\r\n  --fs-4: 16px;\r\n  --fs-5: 15px;\r\n  --fs-6: 14px;\r\n  --fs-7: 13px;\r\n  --fs-8: 11px;\r\n\r\n  /* font-weight */\r\n  --fw-300: 300;\r\n  --fw-400: 400;\r\n  --fw-500: 500;\r\n  --fw-600: 600;\r\n\r\n  /**\r\n   * shadow\r\n   */\r\n  \r\n  --shadow-1: -4px 8px 24px hsla(0, 0%, 0%, 0.25);\r\n  --shadow-2: 0 16px 30px hsla(0, 0%, 0%, 0.25);\r\n  --shadow-3: 0 16px 40px hsla(0, 0%, 0%, 0.25);\r\n  --shadow-4: 0 25px 50px hsla(0, 0%, 0%, 0.15);\r\n  --shadow-5: 0 24px 80px hsla(0, 0%, 0%, 0.25);\r\n\r\n  /**\r\n   * transition\r\n   */\r\n\r\n  --transition-1: 0.25s ease;\r\n  --transition-2: 0.5s ease-in-out;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n/*-----------------------------------*\\\r\n  #RESET\r\n\\*-----------------------------------*/\r\n\r\n*, *::before, *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\na { text-decoration: none; }\r\n\r\nli { list-style: none; }\r\n\r\nimg, ion-icon, a, button, time, span { display: block; }\r\n\r\nbutton {\r\n  font: inherit;\r\n  background: none;\r\n  border: none;\r\n  text-align: left;\r\n  cursor: pointer;\r\n}\r\n\r\ninput, textarea {\r\n  display: block;\r\n  width: 100%;\r\n  background: none;\r\n  font: inherit;\r\n}\r\n\r\n::selection {\r\n  background: var(--orange-yellow-crayola);\r\n  color: var(--smoky-black);\r\n}\r\n\r\n:focus { outline-color: var(--orange-yellow-crayola); }\r\n\r\nhtml { font-family: var(--ff-poppins); }\r\n\r\nbody { background: var(--smoky-black); }\r\n\r\n\r\n\r\n\r\n\r\n/*-----------------------------------*\\\r\n  #REUSED STYLE\r\n\\*-----------------------------------*/\r\n\r\n.sidebar,\r\narticle {\r\n  background: var(--eerie-black-2);\r\n  border: 1px solid var(--jet);\r\n  border-radius: 20px;\r\n  padding: 15px;\r\n  box-shadow: var(--shadow-1);\r\n  z-index: 1;\r\n}\r\n\r\n.separator {\r\n  width: 100%;\r\n  height: 1px;\r\n  background: var(--jet);\r\n  margin: 16px 0;\r\n}\r\n\r\n.icon-box {\r\n  position: relative;\r\n  background: var(--border-gradient-onyx);\r\n  width: 30px;\r\n  height: 30px;\r\n  border-radius: 8px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  font-size: 16px;\r\n  color: var(--orange-yellow-crayola);\r\n  box-shadow: var(--shadow-1);\r\n  z-index: 1;\r\n}\r\n\r\n.icon-box::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 1px;\r\n  background: var(--eerie-black-1);\r\n  border-radius: inherit;\r\n  z-index: -1;\r\n}\r\n\r\n.icon-box ion-icon { --ionicon-stroke-width: 35px; }\r\n\r\narticle { display: none; }\r\n\r\narticle.active {\r\n  display: block;\r\n  animation: fade 0.5s ease backwards;\r\n}\r\n\r\n\r\n@keyframes fade {\r\n  0% { opacity: 0; }\r\n  100% { opacity: 1; }\r\n}\r\n\r\n.h2,\r\n.h3,\r\n.h4,\r\n.h5 {\r\n  color: var(--white-2);\r\n  text-transform: capitalize;\r\n}\r\n\r\n.h2 { font-size: var(--fs-1); }\r\n\r\n.h3 { font-size: var(--fs-2); }\r\n\r\n.h4 { font-size: var(--fs-4); }\r\n\r\n.h5 {\r\n  font-size: var(--fs-7);\r\n  font-weight: var(--fw-500);\r\n}\r\n\r\n.article-title {\r\n  position: relative;\r\n  padding-bottom: 7px;\r\n}\r\n\r\n.article-title::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 30px;\r\n  height: 3px;\r\n  background: var(--text-gradient-yellow);\r\n  border-radius: 3px;\r\n}\r\n\r\n.has-scrollbar::-webkit-scrollbar {\r\n  width: 5px; /* for vertical scrollbar */\r\n  height: 5px; /* for horizontal scrollbar */\r\n}\r\n\r\n.has-scrollbar::-webkit-scrollbar-track {\r\n  background: var(--onyx);\r\n  border-radius: 5px;\r\n}\r\n\r\n.has-scrollbar::-webkit-scrollbar-thumb {\r\n  background: var(--orange-yellow-crayola);\r\n  border-radius: 5px;\r\n}\r\n\r\n.has-scrollbar::-webkit-scrollbar-button { width: 20px; }\r\n\r\n.content-card {\r\n  position: relative;\r\n  background: var(--border-gradient-onyx);\r\n  padding: 15px;\r\n  padding-top: 45px;\r\n  border-radius: 14px;\r\n  box-shadow: var(--shadow-2);\r\n  cursor: pointer;\r\n  z-index: 1;\r\n}\r\n\r\n.content-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 1px;\r\n  background: var(--bg-gradient-jet);\r\n  border-radius: inherit;\r\n  z-index: -1;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n/*-----------------------------------*\\\r\n  #MAIN\r\n\\*-----------------------------------*/\r\n\r\nmain {\r\n  margin: 15px 12px;\r\n  margin-bottom: 75px;\r\n  min-width: 259px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n/*-----------------------------------*\\\r\n  #SIDEBAR\r\n\\*-----------------------------------*/\r\n\r\n.sidebar {\r\n  margin-bottom: 15px;\r\n  max-height: 112px;\r\n  overflow: hidden;\r\n  transition: var(--transition-2);\r\n}\r\n\r\n.sidebar.active { max-height: 405px; }\r\n\r\n.sidebar-info {\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  gap: 15px;\r\n}\r\n\r\n.avatar-box {\r\n  background: var(--bg-gradient-onyx);\r\n  border-radius: 20px;\r\n}\r\n\r\n.info-content .name {\r\n  color: var(--white-2);\r\n  font-size: var(--fs-3);\r\n  font-weight: var(--fw-900);\r\n  letter-spacing: -0.25px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.info-content .title {\r\n  color: var(--white-1);\r\n  background: var(--onyx);\r\n  font-size: var(--fs-10);\r\n  font-weight: var(--fw-300);\r\n  width: max-content;\r\n  padding: 3px 12px;\r\n  border-radius: 8px;\r\n}\r\n\r\n.info_more-btn {\r\n  position: absolute;\r\n  top: -15px;\r\n  right: -15px;\r\n  border-radius: 0 15px;\r\n  font-size: 13px;\r\n  color: var(--orange-yellow-crayola);\r\n  background: var(--border-gradient-onyx);\r\n  padding: 10px;\r\n  box-shadow: var(--shadow-2);\r\n  transition: var(--transition-1);\r\n  z-index: 1;\r\n}\r\n\r\n.info_more-btn::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 1px;\r\n  border-radius: inherit;\r\n  background: var(--bg-gradient-jet);\r\n  transition: var(--transition-1);\r\n  z-index: -1;\r\n}\r\n\r\n.info_more-btn:hover,\r\n.info_more-btn:focus { background: var(--bg-gradient-yellow-1); }\r\n\r\n.info_more-btn:hover::before,\r\n.info_more-btn:focus::before { background: var(--bg-gradient-yellow-2); }\r\n\r\n.info_more-btn span { display: none; }\r\n\r\n.sidebar-info_more {\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transition: var(--transition-2);\r\n}\r\n\r\n.sidebar.active .sidebar-info_more {\r\n  opacity: 1;\r\n  visibility: visible;\r\n}\r\n\r\n.contacts-list {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 16px;\r\n}\r\n\r\n.contact-item {\r\n  min-width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n}\r\n\r\n.contact-info {\r\n  max-width: calc(100% - 46px);\r\n  width: calc(100% - 46px);\r\n}\r\n\r\n.contact-title {\r\n  color: var(--light-gray-70);\r\n  font-size: var(--fs-8);\r\n  text-transform: uppercase;\r\n  margin-bottom: 2px;\r\n}\r\n\r\n.contact-info :is(.contact-link, time, address) {\r\n  color: var(--white-2);\r\n  font-size: var(--fs-7);\r\n}\r\n\r\n.contact-info address { font-style: normal; }\r\n\r\n.social-list {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  gap: 15px;\r\n  padding-bottom: 4px;\r\n  padding-left: 7px;\r\n}\r\n\r\n.social-item .social-link {\r\n  color: var(--light-gray-70);\r\n  font-size: 18px;\r\n}\r\n\r\n\r\n.social-item .social-link:hover { color: var(--light-gray); }\r\n\r\n\r\n\r\n\r\n\r\n/*-----------------------------------*\\\r\n  #NAVBAR\r\n\\*-----------------------------------*/\r\n\r\n.navbar {\r\n  position: fixed;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  background: hsla(240, 1%, 17%, 0.75);\r\n  backdrop-filter: blur(10px);\r\n  border: 1px solid var(--jet);\r\n  border-radius: 12px 12px 0 0;\r\n  box-shadow: var(--shadow-2);\r\n  z-index: 5;\r\n}\r\n\r\n.navbar-list {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 0 10px;\r\n}\r\n\r\n.navbar-link {\r\n  color: var(--light-gray);\r\n  font-size: var(--fs-8);\r\n  padding: 20px 7px;\r\n  transition: color var(--transition-1);\r\n}\r\n\r\n.navbar-link:hover,\r\n.navbar-link:focus { color: var(--light-gray-70); }\r\n\r\n.navbar-link.active { color: var(--orange-yellow-crayola); }\r\n\r\n\r\n\r\n\r\n\r\n/*-----------------------------------*\\\r\n  #ABOUT\r\n\\*-----------------------------------*/\r\n\r\n.about .article-title { margin-bottom: 15px; }\r\n\r\n.about-text {\r\n  color: var(--light-gray);\r\n  font-size: var(--fs-6);\r\n  font-weight: var(--fw-300);\r\n  line-height: 1.6;\r\n}\r\n\r\n.about-text p { margin-bottom: 15px; }\r\n\r\n\r\n\r\n/**\r\n * #service \r\n */\r\n\r\n.service { margin-bottom: 35px; }\r\n\r\n.service-title { margin-bottom: 20px; }\r\n\r\n.service-list {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 20px;\r\n}\r\n\r\n.service-item {\r\n  position: relative;\r\n  background: var(--border-gradient-onyx);\r\n  padding: 20px;\r\n  border-radius: 14px;\r\n  box-shadow: var(--shadow-2);\r\n  z-index: 1;\r\n}\r\n\r\n.service-item::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 1px;\r\n  background: var(--bg-gradient-jet);\r\n  border-radius: inherit;\r\n  z-index: -1;\r\n}\r\n\r\n.service-icon-box { margin-bottom: 10px; }\r\n\r\n.service-icon-box img { margin: auto; }\r\n\r\n.service-content-box { text-align: center; }\r\n\r\n.service-item-title { margin-bottom: 7px; }\r\n\r\n.service-item-text {\r\n  color: var(--light-gray);\r\n  font-size: var(--fs-6);\r\n  font-weight: var(--fw-3);\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n/**\r\n * #testimonials \r\n */\r\n\r\n.testimonials { margin-bottom: 30px; }\r\n\r\n.testimonials-title { margin-bottom: 20px; }\r\n\r\n.testimonials-list {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: flex-start;\r\n  gap: 15px;\r\n  margin: 0 -15px;\r\n  padding: 25px 15px;\r\n  padding-bottom: 35px;\r\n  overflow-x: auto;\r\n  scroll-behavior: smooth;\r\n  overscroll-behavior-inline: contain;\r\n  scroll-snap-type: inline mandatory;\r\n}\r\n\r\n.testimonials-item {\r\n  min-width: 100%;\r\n  scroll-snap-align: center;\r\n}\r\n\r\n.testimonials-avatar-box {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  transform: translate(15px, -25px);\r\n  background: var(--bg-gradient-onyx);\r\n  border-radius: 14px;\r\n  box-shadow: var(--shadow-1);\r\n}\r\n\r\n.testimonials-item-title { margin-bottom: 7px; }\r\n\r\n.testimonials-text {\r\n  color: var(--light-gray);\r\n  font-size: var(--fs-6);\r\n  font-weight: var(--fw-300);\r\n  line-height: 1.6;\r\n  display: -webkit-box;\r\n  line-clamp: 4;\r\n  -webkit-line-clamp: 4;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n/**\r\n * #testimonials-modal\r\n */\r\n\r\n.modal-container {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  overflow-y: auto;\r\n  overscroll-behavior: contain;\r\n  z-index: 20;\r\n  pointer-events: none;\r\n  visibility: hidden;\r\n}\r\n\r\n.modal-container::-webkit-scrollbar { display: none; }\r\n\r\n.modal-container.active {\r\n  pointer-events: all;\r\n  visibility: visible;\r\n}\r\n\r\n.overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100vh;\r\n  background: hsl(0, 0%, 5%);\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  transition: var(--transition-1);\r\n}\r\n\r\n.overlay.active {\r\n  opacity: 0.8;\r\n  visibility: visible;\r\n  pointer-events: all;\r\n}\r\n\r\n.testimonials-modal {\r\n  background: var(--eerie-black-2);\r\n  position: relative;\r\n  padding: 15px;\r\n  margin: 15px 12px;\r\n  border: 1px solid var(--jet);\r\n  border-radius: 14px;\r\n  box-shadow: var(--shadow-5);\r\n  transform: scale(1.2);\r\n  opacity: 0;\r\n  transition: var(--transition-1);\r\n  z-index: 2;\r\n}\r\n\r\n.modal-container.active .testimonials-modal {\r\n  transform: scale(1);\r\n  opacity: 1;\r\n}\r\n\r\n.modal-close-btn {\r\n  position: absolute;\r\n  top: 15px;\r\n  right: 15px;\r\n  background: var(--onyx);\r\n  border-radius: 8px;\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  color: var(--white-2);\r\n  font-size: 18px;\r\n  opacity: 0.7;\r\n}\r\n\r\n.modal-close-btn:hover,\r\n.modal-close-btn:focus { opacity: 1; }\r\n\r\n.modal-close-btn ion-icon { --ionicon-stroke-width: 50px; }\r\n\r\n.modal-avatar-box {\r\n  background: var(--bg-gradient-onyx);\r\n  width: max-content;\r\n  border-radius: 14px;\r\n  margin-bottom: 15px;\r\n  box-shadow: var(--shadow-2);\r\n}\r\n\r\n.modal-img-wrapper > img { display: none; }\r\n\r\n.modal-title { margin-bottom: 4px; }\r\n\r\n.modal-content time {\r\n  font-size: var(--fs-6);\r\n  color: var(--light-gray-70);\r\n  font-weight: var(--fw-300);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.modal-content p {\r\n  color: var(--light-gray);\r\n  font-size: var(--fs-6);\r\n  font-weight: var(--fw-300);\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n/**\r\n * #clients \r\n */\r\n\r\n.clients { margin-bottom: 15px; }\r\n\r\n.clients-list {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: flex-start;\r\n  gap: 15px;\r\n  margin: 0 -15px;\r\n  padding: 25px;\r\n  padding-bottom: 25px;\r\n  overflow-x: auto;\r\n  scroll-behavior: smooth;\r\n  overscroll-behavior-inline: contain;\r\n  scroll-snap-type: inline mandatory;\r\n  scroll-padding-inline: 25px;\r\n}\r\n\r\n.clients-item {\r\n  min-width: 50%;\r\n  scroll-snap-align: start;\r\n}\r\n\r\n.clients-item img {\r\n  width: 100%;\r\n  filter: grayscale(1);\r\n  transition: var(--transition-1);\r\n}\r\n\r\n.clients-item img:hover { filter: grayscale(0); }\r\n\r\n\r\n\r\n\r\n\r\n/*-----------------------------------*\\\r\n  #RESUME\r\n\\*-----------------------------------*/\r\n\r\n.article-title { margin-bottom: 30px; }\r\n\r\n\r\n/**\r\n * education and experience \r\n */\r\n\r\n.timeline { margin-bottom: 30px; }\r\n\r\n.timeline .title-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.timeline-list {\r\n  font-size: var(--fs-6);\r\n  margin-left: 45px;\r\n}\r\n\r\n.timeline-item { position: relative; }\r\n\r\n.timeline-item:not(:last-child) { margin-bottom: 20px; }\r\n\r\n.timeline-item-title {\r\n  font-size: var(--fs-6);\r\n  line-height: 1.3;\r\n  margin-bottom: 7px;\r\n}\r\n\r\n.timeline-list span {\r\n  color: var(--vegas-gold);\r\n  font-weight: var(--fw-400);\r\n  line-height: 1.6;\r\n}\r\n\r\n.timeline-item:not(:last-child)::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -25px;\r\n  left: -30px;\r\n  width: 1px;\r\n  height: calc(100% + 50px);\r\n  background: var(--jet);\r\n}\r\n\r\n.timeline-item::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 5px;\r\n  left: -33px;\r\n  height: 6px;\r\n  width: 6px;\r\n  background: var(--text-gradient-yellow);\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 0 4px var(--jet);\r\n}\r\n\r\n.timeline-text {\r\n  color: var(--light-gray);\r\n  font-weight: var(--fw-300);\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n/**\r\n * skills \r\n */\r\n\r\n.skills-title { margin-bottom: 20px; }\r\n\r\n.skills-list { padding: 20px; }\r\n\r\n\r\n.skills-item:not(:last-child) { margin-bottom: 15px; }\r\n\r\n.skill .title-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.skill .title-wrapper data {\r\n  color: var(--light-gray);\r\n  font-size: var(--fs-7);\r\n  font-weight: var(--fw-300);\r\n}\r\n\r\n.skill-progress-bg {\r\n  background: var(--jet);\r\n  width: 100%;\r\n  height: 8px;\r\n  border-radius: 10px;\r\n}\r\n\r\n.skill-progress-fill {\r\n  background: var(--text-gradient-yellow);\r\n  height: 100%;\r\n  border-radius: inherit;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n/*-----------------------------------*\\\r\n  #PORTFOLIO\r\n\\*-----------------------------------*/\r\n\r\n.filter-list { display: none; }\r\n\r\n.filter-select-box {\r\n  position: relative;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.filter-select {\r\n  background: var(--eerie-black-2);\r\n  color: var(--light-gray);\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  width: 100%;\r\n  padding: 12px 16px;\r\n  border: 1px solid var(--jet);\r\n  border-radius: 14px;\r\n  font-size: var(--fs-6);\r\n  font-weight: var(--fw-300);\r\n}\r\n\r\n.filter-select.active .select-icon { transform: rotate(0.5turn); }\r\n\r\n.select-list {\r\n  background: var(--eerie-black-2);\r\n  position: absolute;\r\n  top: calc(100% + 6px);\r\n  width: 100%;\r\n  padding: 6px;\r\n  border: 1px solid var(--jet);\r\n  border-radius: 14px;\r\n  z-index: 2;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  pointer-events: none;\r\n  transition: 0.15s ease-in-out;\r\n}\r\n\r\n.filter-select.active + .select-list {\r\n  opacity: 1;\r\n  visibility: visible;\r\n  pointer-events: all;\r\n}\r\n\r\n.select-item button {\r\n  background: var(--eerie-black-2);\r\n  color: var(--light-gray);\r\n  font-size: var(--fs-6);\r\n  font-weight: var(--fw-300);\r\n  text-transform: capitalize;\r\n  width: 100%;\r\n  padding: 8px 10px;\r\n  border-radius: 8px;\r\n}\r\n\r\n.select-item button:hover { --eerie-black-2: hsl(240, 2%, 20%); }\r\n\r\n.project-list {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 30px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.project-item { display: none; }\r\n\r\n.project-item.active {\r\n  display: block;\r\n  animation: scaleUp 0.25s ease forwards;\r\n}\r\n\r\n@keyframes scaleUp {\r\n  0% { transform: scale(0.5); }\r\n  100% { transform: scale(1); }\r\n}\r\n\r\n.project-item > a { width: 100%; }\r\n\r\n.project-img {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 200px;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.project-img::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: transparent;\r\n  z-index: 1;\r\n  transition: var(--transition-1);\r\n}\r\n\r\n.project-item > a:hover .project-img::before { background: hsla(0, 0%, 0%, 0.5); }\r\n\r\n.project-item-icon-box {\r\n  --scale: 0.8;\r\n\r\n  background: var(--jet);\r\n  color: var(--orange-yellow-crayola);\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%) scale(var(--scale));\r\n  font-size: 20px;\r\n  padding: 18px;\r\n  border-radius: 12px;\r\n  opacity: 0;\r\n  z-index: 1;\r\n  transition: var(--transition-1);\r\n}\r\n\r\n.project-item > a:hover .project-item-icon-box {\r\n  --scale: 1;\r\n  opacity: 1;\r\n}\r\n\r\n.project-item-icon-box ion-icon { --ionicon-stroke-width: 50px; }\r\n\r\n.project-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: var(--transition-1);\r\n}\r\n\r\n.project-item > a:hover img { transform: scale(1.1); }\r\n\r\n.project-title,\r\n.project-category { margin-left: 10px; }\r\n\r\n.project-title {\r\n  color: var(--white-2);\r\n  font-size: var(--fs-5);\r\n  font-weight: var(--fw-400);\r\n  text-transform: capitalize;\r\n  line-height: 1.3;\r\n}\r\n\r\n.project-category {\r\n  color: var(--light-gray-70);\r\n  font-size: var(--fs-6);\r\n  font-weight: var(--fw-300);\r\n}\r\n\r\n\r\n\r\n\r\n\r\n/*-----------------------------------*\\\r\n  #BLOG\r\n\\*-----------------------------------*/\r\n\r\n.blog-posts { margin-bottom: 10px; }\r\n\r\n.blog-posts-list {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 20px;\r\n}\r\n\r\n.blog-post-item > a {\r\n  position: relative;\r\n  background: var(--border-gradient-onyx);\r\n  height: 100%;\r\n  box-shadow: var(--shadow-4);\r\n  border-radius: 16px;\r\n  z-index: 1;\r\n}\r\n\r\n.blog-post-item > a::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 1px;\r\n  border-radius: inherit;\r\n  background: var(--eerie-black-1);\r\n  z-index: -1;\r\n}\r\n\r\n.blog-banner-box {\r\n  width: 100%;\r\n  height: 200px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n}\r\n\r\n.blog-banner-box img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: var(--transition-1);\r\n}\r\n\r\n.blog-post-item > a:hover .blog-banner-box img { transform: scale(1.1); }\r\n\r\n.blog-content { padding: 15px; }\r\n\r\n.blog-meta {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  gap: 7px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.blog-meta :is(.blog-category, time) {\r\n  color: var(--light-gray-70);\r\n  font-size: var(--fs-6);\r\n  font-weight: var(--fw-300);\r\n}\r\n\r\n.blog-meta .dot {\r\n  background: var(--light-gray-70);\r\n  width: 4px;\r\n  height: 4px;\r\n  border-radius: 4px;\r\n}\r\n\r\n.blog-item-title {\r\n  margin-bottom: 10px;\r\n  line-height: 1.3;\r\n  transition: var(--transition-1);\r\n}\r\n\r\n.blog-post-item > a:hover .blog-item-title { color: var(--orange-yellow-crayola); }\r\n\r\n.blog-text {\r\n  color: var(--light-gray);\r\n  font-size: var(--fs-6);\r\n  font-weight: var(--fw-300);\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n/*-----------------------------------*\\\r\n  #CONTACT\r\n\\*-----------------------------------*/\r\n\r\n.mapbox {\r\n  position: relative;\r\n  height: 250px;\r\n  width: 100%;\r\n  border-radius: 16px;\r\n  margin-bottom: 30px;\r\n  border: 1px solid var(--jet);\r\n  overflow: hidden;\r\n}\r\n\r\n.mapbox figure { height: 100%; }\r\n\r\n.mapbox iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: none;\r\n  filter: grayscale(1) invert(1);\r\n}\r\n\r\n.contact-form { margin-bottom: 10px; }\r\n\r\n.form-title { margin-bottom: 20px; }\r\n\r\n.input-wrapper {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 25px;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.form-input {\r\n  color: var(--white-2);\r\n  font-size: var(--fs-6);\r\n  font-weight: var(--fw-400);\r\n  padding: 13px 20px;\r\n  border: 1px solid var(--jet);\r\n  border-radius: 14px;\r\n  outline: none;\r\n}\r\n\r\n.form-input::placeholder { font-weight: var(--fw-500); }\r\n\r\n.form-input:focus { border-color: var(--orange-yellow-crayola); }\r\n\r\ntextarea.form-input {\r\n  min-height: 100px;\r\n  height: 120px;\r\n  max-height: 200px;\r\n  resize: vertical;\r\n  margin-bottom: 25px;\r\n}\r\n\r\ntextarea.form-input::-webkit-resizer { display: none; }\r\n\r\n.form-input:focus:invalid { border-color: var(--bittersweet-shimmer); }\r\n\r\n.form-btn {\r\n  position: relative;\r\n  width: 100%;\r\n  background: var(--border-gradient-onyx);\r\n  color: var(--orange-yellow-crayola);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 13px 20px;\r\n  border-radius: 14px;\r\n  font-size: var(--fs-6);\r\n  text-transform: capitalize;\r\n  box-shadow: var(--shadow-3);\r\n  z-index: 1;\r\n  transition: var(--transition-1);\r\n}\r\n\r\n.form-btn::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 1px;\r\n  background: var(--bg-gradient-jet);\r\n  border-radius: inherit;\r\n  z-index: -1;\r\n  transition: var(--transition-1);\r\n}\r\n\r\n.form-btn ion-icon { font-size: 16px; }\r\n\r\n.form-btn:hover { background: var(--bg-gradient-yellow-1); }\r\n\r\n.form-btn:hover::before { background: var(--bg-gradient-yellow-2); }\r\n\r\n.form-btn:disabled {\r\n  opacity: 0.7;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.form-btn:disabled:hover { background: var(--border-gradient-onyx); }\r\n\r\n.form-btn:disabled:hover::before { background: var(--bg-gradient-jet); }\r\n\r\n.success-message {\r\n  color: var(--vegas-gold);\r\n  margin-top: 15px;\r\n  text-align: center;\r\n}\r\n\r\n.error-message {\r\n  color: var(--bittersweet-shimmer);\r\n  margin-top: 15px;\r\n  text-align: center;\r\n}\r\n\r\n\r\n\r\n\r\n/*-----------------------------------*\\\r\n  #RESPONSIVE\r\n\\*-----------------------------------*/\r\n\r\n/**\r\n * responsive larger than 450px screen\r\n */\r\n\r\n@media (min-width: 450px) {\r\n\r\n  /**\r\n   * client\r\n   */\r\n\r\n  .clients-item { min-width: calc(33.33% - 10px); }\r\n\r\n\r\n\r\n  /**\r\n   * #PORTFOLIO, BLOG \r\n   */\r\n\r\n  .project-img,\r\n  .blog-banner-box { height: auto; }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n/**\r\n * responsive larger than 580px screen\r\n */\r\n\r\n@media (min-width: 580px) {\r\n\r\n  /**\r\n   * CUSTOM PROPERTY\r\n   */\r\n\r\n  :root {\r\n\r\n    /**\r\n     * typography\r\n     */\r\n\r\n    --fs-1: 32px;\r\n    --fs-2: 24px;\r\n    --fs-3: 26px;\r\n    --fs-4: 18px;\r\n    --fs-6: 15px;\r\n    --fs-7: 15px;\r\n    --fs-8: 12px;\r\n\r\n  }\r\n\r\n\r\n\r\n  /**\r\n   * #REUSED STYLE\r\n   */\r\n\r\n  .sidebar, article {\r\n    width: 520px;\r\n    margin-inline: auto;\r\n    padding: 30px;\r\n  }\r\n\r\n  .article-title {\r\n    font-weight: var(--fw-600);\r\n    padding-bottom: 15px;\r\n  }\r\n\r\n  .article-title::after {\r\n    width: 40px;\r\n    height: 5px;\r\n  }\r\n\r\n  .icon-box {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 12px;\r\n    font-size: 18px;\r\n  }\r\n\r\n\r\n\r\n  /**\r\n   * #MAIN\r\n   */\r\n\r\n  main {\r\n    margin-top: 60px;\r\n    margin-bottom: 100px;\r\n  }\r\n\r\n\r\n\r\n  /**\r\n   * #SIDEBAR\r\n   */\r\n\r\n  .sidebar {\r\n    max-height: 180px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .sidebar.active { max-height: 584px; }\r\n\r\n  .sidebar-info { gap: 25px; }\r\n\r\n  .avatar-box { border-radius: 30px; }\r\n\r\n  .avatar-box img { width: 120px; }\r\n\r\n  .info-content .name { margin-bottom: 15px; }\r\n\r\n  .info-content .title { padding: 5px 18px; }\r\n\r\n  .info_more-btn {\r\n    top: -30px;\r\n    right: -30px;\r\n    padding: 10px 15px;\r\n  }\r\n\r\n  .info_more-btn span {\r\n    display: block;\r\n    font-size: var(--fs-8);\r\n  }\r\n\r\n  .info_more-btn ion-icon { display: none; }\r\n\r\n  .separator { margin: 32px 0; }\r\n\r\n  .contacts-list { gap: 20px; }\r\n\r\n  .contact-info {\r\n    max-width: calc(100% - 64px);\r\n    width: calc(100% - 64px);\r\n  }\r\n\r\n\r\n\r\n  /**\r\n   * #NAVBAR\r\n   */\r\n\r\n  .navbar { border-radius: 20px 20px 0 0; }\r\n\r\n  .navbar-list { gap: 20px; }\r\n\r\n  .navbar-link { --fs-8: 14px; }\r\n\r\n\r\n\r\n  /**\r\n   * #ABOUT\r\n   */\r\n\r\n  .about .article-title { margin-bottom: 20px; }\r\n\r\n  .about-text { margin-bottom: 40px; }\r\n\r\n  /* service */\r\n\r\n  .service-item {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: flex-start;\r\n    gap: 18px;\r\n    padding: 30px;\r\n  }\r\n\r\n  .service-icon-box {\r\n    margin-bottom: 0;\r\n    margin-top: 5px;\r\n  }\r\n\r\n  .service-content-box { text-align: left; }\r\n\r\n  /* testimonials */\r\n\r\n  .testimonials-title { margin-bottom: 25px; }\r\n\r\n  .testimonials-list {\r\n    gap: 30px;\r\n    margin: 0 -30px;\r\n    padding: 30px;\r\n    padding-bottom: 35px;\r\n  }\r\n\r\n  .content-card {\r\n    padding: 30px;\r\n    padding-top: 25px;\r\n  }\r\n\r\n  .testimonials-avatar-box {\r\n    transform: translate(30px, -30px);\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .testimonials-avatar-box img { width: 80px; }\r\n\r\n  .testimonials-item-title {\r\n    margin-bottom: 10px;\r\n    margin-left: 95px;\r\n  }\r\n\r\n  .testimonials-text {\r\n    line-clamp: 2;\r\n    -webkit-line-clamp: 2;\r\n  }\r\n\r\n  /* testimonials modal */\r\n\r\n  .modal-container { padding: 20px; }\r\n\r\n  .testimonials-modal {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: stretch;\r\n    gap: 25px;\r\n    padding: 30px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .modal-img-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .modal-avatar-box {\r\n    border-radius: 18px;\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .modal-avatar-box img { width: 65px; }\r\n\r\n  .modal-img-wrapper > img {\r\n    display: block;\r\n    flex-grow: 1;\r\n    width: 35px;\r\n  }\r\n\r\n  /* clients */\r\n\r\n  .clients-list {\r\n    gap: 50px;\r\n    margin: 0 -30px;\r\n    padding: 45px;\r\n    scroll-padding-inline: 45px;\r\n  }\r\n\r\n  .clients-item { min-width: calc(33.33% - 35px); }\r\n\r\n\r\n\r\n  /**\r\n   * #RESUME\r\n   */\r\n\r\n  .timeline-list { margin-left: 65px; }\r\n\r\n  .timeline-item:not(:last-child)::before { left: -40px; }\r\n\r\n  .timeline-item::after {\r\n    height: 8px;\r\n    width: 8px;\r\n    left: -43px;\r\n  }\r\n\r\n  .skills-item:not(:last-child) { margin-bottom: 25px; }\r\n\r\n\r\n\r\n  /**\r\n   * #PORTFOLIO, BLOG\r\n   */\r\n\r\n  .project-img, .blog-banner-box { border-radius: 16px; }\r\n\r\n  .blog-posts-list { gap: 30px; }\r\n\r\n  .blog-content { padding: 25px; }\r\n\r\n\r\n\r\n  /**\r\n   * #CONTACT\r\n   */\r\n\r\n  .mapbox {\r\n    height: 380px;\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .input-wrapper {\r\n    gap: 30px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .form-input { padding: 15px 20px; }\r\n\r\n  textarea.form-input { margin-bottom: 30px; }\r\n\r\n  .form-btn {\r\n    --fs-6: 16px;\r\n    padding: 16px 20px;\r\n  }\r\n\r\n  .form-btn ion-icon { font-size: 18px; }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n/**\r\n * responsive larger than 768px screen\r\n */\r\n\r\n@media (min-width: 768px) {\r\n\r\n  /**\r\n   * REUSED STYLE\r\n   */\r\n\r\n  .sidebar, article { width: 700px; }\r\n\r\n  .has-scrollbar::-webkit-scrollbar-button { width: 100px; }\r\n\r\n\r\n\r\n  /**\r\n   * SIDEBAR\r\n   */\r\n\r\n  .contacts-list {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 30px 15px;\r\n  }\r\n\r\n\r\n\r\n  /**\r\n   * NAVBAR\r\n   */\r\n\r\n  .navbar-link { --fs-8: 15px; }\r\n\r\n\r\n\r\n  /**\r\n   * ABOUT\r\n   */\r\n\r\n  /* testimonials modal */\r\n\r\n  .testimonials-modal {\r\n    gap: 35px;\r\n    max-width: 680px;\r\n  }\r\n\r\n  .modal-avatar-box img { width: 80px; }\r\n\r\n\r\n\r\n  /**\r\n   * PORTFOLIO\r\n   */\r\n\r\n  .article-title { padding-bottom: 20px; }\r\n\r\n  .filter-select-box { display: none; }\r\n\r\n  .filter-list {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    gap: 25px;\r\n    padding-left: 5px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .filter-item button {\r\n    color: var(--light-gray);\r\n    font-size: var(--fs-5);\r\n    transition: var(--transition-1);\r\n  }\r\n\r\n  .filter-item button:hover { color: var(--light-gray-70); }\r\n\r\n  .filter-item button.active { color: var(--orange-yellow-crayola); }\r\n\r\n  /* portfolio and blog grid */\r\n\r\n  .project-list, .blog-posts-list { grid-template-columns: 1fr 1fr; }\r\n\r\n\r\n\r\n  /**\r\n   * CONTACT\r\n   */\r\n\r\n  .input-wrapper { grid-template-columns: 1fr 1fr; }\r\n\r\n  .form-btn {\r\n    width: max-content;\r\n    margin-left: auto;\r\n  }\r\n  \r\n}\r\n\r\n\r\n\r\n\r\n\r\n/**\r\n * responsive larger than 1024px screen\r\n */\r\n\r\n@media (min-width: 1024px) {\r\n\r\n  /**\r\n   * CUSTOM PROPERTY\r\n   */\r\n\r\n  :root {\r\n\r\n    /**\r\n    * shadow\r\n    */\r\n\r\n    --shadow-1: -4px 8px 24px hsla(0, 0%, 0%, 0.125);\r\n    --shadow-2: 0 16px 30px hsla(0, 0%, 0%, 0.125);\r\n    --shadow-3: 0 16px 40px hsla(0, 0%, 0%, 0.125);\r\n\r\n  }\r\n\r\n\r\n\r\n  /**\r\n   * REUSED STYLE\r\n   */\r\n\r\n  .sidebar, article {\r\n    width: 950px;\r\n    box-shadow: var(--shadow-5);\r\n  }\r\n\r\n\r\n\r\n  /**\r\n   * MAIN \r\n   */\r\n\r\n  main { margin-bottom: 60px; }\r\n\r\n  .main-content {\r\n    position: relative;\r\n    width: max-content;\r\n    margin: auto;\r\n  }\r\n\r\n\r\n\r\n  /**\r\n   * NAVBAR\r\n   */\r\n\r\n  .navbar {\r\n    position: absolute;\r\n    bottom: auto;\r\n    top: 0;\r\n    left: auto;\r\n    right: 0;\r\n    width: max-content;\r\n    border-radius: 0 20px;\r\n    padding: 0 20px;\r\n    box-shadow: none;\r\n  }\r\n\r\n  .navbar-list {\r\n    gap: 30px;\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .navbar-link { font-weight: var(--fw-500); }\r\n\r\n\r\n\r\n  /**\r\n   * ABOUT\r\n   */\r\n\r\n  /* service */\r\n\r\n  .service-list {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px 25px;\r\n  }\r\n\r\n  /* testimonials */\r\n\r\n  .testimonials-item { min-width: calc(50% - 15px); }\r\n\r\n  /* clients */\r\n\r\n  .clients-item { min-width: calc(25% - 38px); }\r\n\r\n\r\n\r\n  /**\r\n   * PORTFOLIO\r\n   */\r\n\r\n  .project-list { grid-template-columns: repeat(3, 1fr); }\r\n\r\n\r\n\r\n  /**\r\n   * BLOG\r\n   */\r\n\r\n  .blog-banner-box { height: 230px; }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n/**\r\n * responsive larger than 1250px screen\r\n */\r\n\r\n@media (min-width: 1250px) {\r\n\r\n  /**\r\n   * RESET\r\n   */\r\n\r\n  body::-webkit-scrollbar { width: 20px; }\r\n\r\n  body::-webkit-scrollbar-track { background: var(--smoky-black); }\r\n\r\n  body::-webkit-scrollbar-thumb {\r\n    border: 5px solid var(--smoky-black);\r\n    background: hsla(0, 0%, 100%, 0.1);\r\n    border-radius: 20px;\r\n    box-shadow: inset 1px 1px 0 hsla(0, 0%, 100%, 0.11),\r\n                inset -1px -1px 0 hsla(0, 0%, 100%, 0.11);\r\n  }\r\n\r\n  body::-webkit-scrollbar-thumb:hover { background: hsla(0, 0%, 100%, 0.15); }\r\n\r\n  body::-webkit-scrollbar-button { height: 60px; }\r\n\r\n\r\n\r\n  /**\r\n   * REUSED STYLE\r\n   */\r\n\r\n  .sidebar, article { width: auto; }\r\n\r\n  article { min-height: 100%; }\r\n\r\n\r\n\r\n  /**\r\n   * MAIN\r\n   */\r\n\r\n  main {\r\n    max-width: 1200px;\r\n    margin-inline: auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: stretch;\r\n    gap: 25px;\r\n  }\r\n\r\n  .main-content {\r\n    min-width: 75%;\r\n    width: 75%;\r\n    margin: 0;\r\n  }\r\n\r\n\r\n\r\n  /**\r\n   * SIDEBAR\r\n   */\r\n\r\n  .sidebar {\r\n    position: sticky;\r\n    top: 60px;\r\n    max-height: max-content;\r\n    height: 100%;\r\n    margin-bottom: 0;\r\n    padding-top: 60px;\r\n    z-index: 1;\r\n  }\r\n\r\n  .sidebar-info { flex-direction: column; }\r\n\r\n  .avatar-box img { width: 150px; }\r\n\r\n  .info-content .name {\r\n    white-space: nowrap;\r\n    text-align: center;\r\n  }\r\n\r\n  .info-content .title { margin: auto; }\r\n\r\n  .info_more-btn { display: none; }\r\n\r\n  .sidebar-info_more {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n\r\n  .contacts-list { grid-template-columns: 1fr; }\r\n\r\n  .contact-info :is(.contact-link) {\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  .contact-info :is(.contact-link, time, address) {\r\n    --fs-7: 14px;\r\n    font-weight: var(--fw-300);\r\n  }\r\n\r\n  .separator:last-of-type {\r\n    margin: 15px 0;\r\n    opacity: 0;\r\n  }\r\n\r\n  .social-list { justify-content: center; }\r\n\r\n  .title-scroll {\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    display: inline-block;\r\n    position: relative;\r\n    background: var(--bg-gradient-jet); /* Add subtle background */\r\n    border-radius: 4px;\r\n    padding: 2px 8px;\r\n    width: 400px; /* Control the visible area width */\r\n  }\r\n  \r\n  .title-scroll .title {\r\n    display: inline-block;\r\n    padding-right: 20px; /* Reduced spacing between loops */\r\n  animation: slideText 66s linear infinite;\r\n    transition: all 0.3s ease; /* Smooth hover transition */\r\n  }\r\n  \r\n  .title-scroll:hover .title {\r\n    animation-play-state: paused;\r\n    transform: scale(1.05); /* Slight zoom on hover */\r\n    color: var(--orange-yellow-crayola); /* Color change on hover */\r\n  }\r\n  \r\n  @keyframes slideText {\r\n    0% {\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n    100% {\r\n      transform: translate3d(-100%, 0, 0);\r\n    }\r\n    0% {\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n  }\r\n  \r\n  \r\n  .gravity-container {\r\n    display: none; /* Hidden by default on mobile */\r\n    @media screen and (min-width: 1024px) {\r\n      position-area: relative;\r\n      position: bottom;\r\n      display: flex;\r\n  justify-content: center; /* Centers items horizontally */\r\n  align-items: center; /* Centers items vertically */\r\n    }\r\n  }\r\n  \r\n  @media screen and (min-width: 1024px) and (max-width: 1920px) {\r\n    .gravity-container {\r\n      display: block;\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100vh; /* Use viewport height */\r\n      pointer-events: none;\r\n      z-index: -1;\r\n      overflow: hidden;\r\n    }\r\n  }\r\n  \r\n  .gravity-tag {\r\n    position: absolute;\r\n    padding: 3px 8px;\r\n    color: rgba(255, 255, 255, 0.9);\r\n    border-radius: 10px;\r\n    font-size: 30px;\r\n    font-weight: 300;\r\n    letter-spacing: 0.5px;\r\n    animation: fallAndFade linear forwards;\r\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n  }\r\n  \r\n  @keyframes fallAndFade {\r\n    0% {\r\n      transform: translateY(-20px) rotate(0deg);\r\n      opacity: 0.8;\r\n    }\r\n    100% {\r\n      transform: translateY(100vh) rotate(360deg);\r\n      opacity: 0;\r\n    }\r\n  }\r\n  \r\n  .gravity-tag:hover {\r\n    animation-play-state: paused;\r\n    cursor: pointer;\r\n    opacity: 1;\r\n    transform: scale(1.2);\r\n    transition: transform 0.2s ease;\r\n  }\r\n  \r\n  \r\n\r\n  /**\r\n\t * RESUME\r\n\t */\r\n\r\n  .timeline-text { max-width: 700px; }\r\n\r\n}"],"names":[],"sourceRoot":""}