freeairesumebuilder
Version:
Personal portfolio template built with React
1 lines • 53.3 kB
Source Map (JSON)
{"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