:root{--text-color:black;--header-background-color:white;--primary-background-color:#f6f6f6;--secondary-background-color:black;--client-box-color:#eee}*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none}html{direction:ltr;font-family:Poppins,Raleway,sans-serif;scroll-behavior:smooth}@media (max-width:992px){html{font-size:14px}}@media (max-width:768px){html{font-size:12px}}li,ul{list-style:none}body{background-color:var(--header-background-color)}.container,header .header-content{margin-left:auto;margin-right:auto;position:relative;padding-inline:1rem}.container .video-loop,header .header-content .video-loop{position:fixed;top:0;left:0;min-width:100%;min-height:100%;opacity:.1;z-index:-1}@media (min-width:576px){.container,header .header-content{max-width:540px}}@media (min-width:768px){.container,header .header-content{max-width:720px}}@media (min-width:992px){.container,header .header-content{max-width:960px}}@media (min-width:1200px){.container,header .header-content{max-width:1140px}}@media (min-width:1400px){.container,header .header-content{max-width:1320px}}.display-n{display:none}header{position:fixed;top:0;left:0;width:100%;padding:1.875rem 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--text-color);z-index:1000;background-color:var(--header-background-color)}header .header-content{display:flex;justify-content:space-between;width:100%;font-family:Raleway,Poppins,sans-serif}header .header-content nav ul{display:flex;align-items:center;gap:1.25rem}header .header-content nav ul li a{color:var(--text-color);text-transform:capitalize;font-size:1.125rem;font-weight:500}@media (max-width:768px){header .header-content nav ul li a{font-size:.875rem}}header .header-content div.theme-switcher{display:flex;justify-content:space-between;align-items:center}header .header-content div.theme-switcher .theme-switcher__text{color:var(--text-color);font-size:1.125rem;font-weight:500;position:relative}@media (max-width:768px){header .header-content div.theme-switcher .theme-switcher__text{font-size:.875rem}}header .header-content div.theme-switcher .theme-switcher__label{display:block;width:2.8125rem;height:1.375rem;background-color:#000;margin-left:.625rem;padding:.1875rem .25rem;cursor:pointer;border-radius:.9375rem;transition:.3s}header .header-content div.theme-switcher .theme-switcher__label::after{content:"";width:1rem;height:1rem;border-radius:50%;background-color:#fff;display:block;transition:.3s}header .header-content div.theme-switcher .theme-switcher__checkbox:checked+.theme-switcher__label{background-color:#fff}header .header-content div.theme-switcher .theme-switcher__checkbox:checked+.theme-switcher__label::after{transform:translateX(1.3125rem);background-color:#02a696}header .header-content label.burger-menu{display:none;flex-direction:column;gap:.375rem;cursor:pointer;z-index:1001}@media (max-width:768px){header .header-content label.burger-menu{display:flex}}header .header-content label.burger-menu .burger-menu-bar{width:1.5rem;height:.1875rem;background-color:var(--text-color);border-radius:.1875rem;transition:all .3s ease}header .header-content .burger-menu-checkbox:checked~label.burger-menu .burger-menu-bar:nth-child(1){transform:rotate(45deg) translateY(.625rem)}header .header-content .burger-menu-checkbox:checked~label.burger-menu .burger-menu-bar:nth-child(2){opacity:0}header .header-content .burger-menu-checkbox:checked~label.burger-menu .burger-menu-bar:nth-child(3){transform:rotate(-45deg) translateY(-.625rem)}@media (max-width:768px){header .header-content:has(.burger-menu-checkbox:checked) label.burger-menu .burger-menu-bar:nth-child(1){transform:rotate(45deg) translateY(.625rem)}header .header-content:has(.burger-menu-checkbox:checked) label.burger-menu .burger-menu-bar:nth-child(2){opacity:0}header .header-content:has(.burger-menu-checkbox:checked) label.burger-menu .burger-menu-bar:nth-child(3){transform:rotate(-45deg) translateY(-.625rem)}}@media (max-width:768px){header .header-content nav{position:fixed;top:4.5rem;left:0;width:100%;height:calc(100vh - 4.5rem);background-color:var(--header-background-color);display:none;flex-direction:column;padding:1.5rem;gap:1rem;border-bottom:1px solid var(--text-color)}}@media (max-width:768px){header .header-content .burger-menu-checkbox:checked~nav{display:flex}header .header-content .burger-menu-checkbox:checked~nav ul{flex-direction:column;gap:1.5rem}header .header-content .burger-menu-checkbox:checked~nav ul li a{font-size:1.25rem}}@media (max-width:768px){header .header-content:has(.burger-menu-checkbox:checked) nav{display:flex}header .header-content:has(.burger-menu-checkbox:checked) nav ul{flex-direction:column;gap:1.5rem}header .header-content:has(.burger-menu-checkbox:checked) nav ul li a{font-size:1.25rem}}section{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:6.25rem;position:relative}section.bg::before{content:"";position:absolute;height:100%;width:100vw;background-color:var(--primary-background-color);justify-self:center;z-index:-1;padding-bottom:3.125rem}@media (max-width:992px){section{grid-template-columns:repeat(8,1fr)}}@media (max-width:768px){section{grid-template-columns:repeat(4,1fr)}}section .heading{margin:3.125rem 0 2.5rem}section.bio{margin-top:9.375rem;grid-template-areas:"desc desc desc desc desc desc desc img img img img img"}@media (max-width:992px){section.bio{grid-template-areas:"img img img img img img img img" "desc desc desc desc desc desc desc desc";margin-top:9.375rem}}section.bio .bio__content{grid-area:desc}@keyframes arrow-animation{from{transform:translateY(-4px)}to{transform:translateY(4px)}}@media (max-width:992px){section.bio .bio__content{text-align:center}}section.bio .bio__content .bio__content-text{margin-bottom:3.125rem}section.bio .bio__content .bio__content-text h1{font-size:4.375rem;margin-bottom:1.25rem;font-weight:700;color:var(--text-color)}section.bio .bio__content .bio__content-text p{font-size:1.25rem;color:var(--text-color)}section.bio .bio__content .bio__content-text p .bio__content-text-name{font-weight:600}section.bio .bio__content .bio__content-text p a{text-decoration:underline}section.bio .bio__content .bio__content-text p a.bio__content-text-almdrasa{color:#29ac9e}section.bio .bio__content .bio__content-text p a.bio__content-text-facebook{color:#2374e1}section.bio .bio__content .bio__content-text p a.bio__content-text-twitter{color:#1d9bf0}section.bio .bio__content .bio__content-text p a.bio__content-text-linkedin{color:#0b66c2}section.bio .bio__content .bio__content-text p a.bio__content-text-youtube{color:#ff1001}section.bio .bio__content .bio__content-links{display:flex;justify-content:flex-start;align-items:center;gap:1.375rem}@media (max-width:992px){section.bio .bio__content .bio__content-links{justify-content:center}}section.bio .bio__content .bio__content-links a{padding:.625rem 2.5rem;font-size:1.5rem;font-weight:600}section.bio .bio__content .bio__content-links .bio__content-sayhi{color:#fff;background-color:var(--secondary-background-color)}section.bio .bio__content .bio__content-links .bio__content-sayhi:hover{opacity:.9}section.bio .bio__content .bio__content-links .bio__content-download{color:var(--text-color);display:flex;gap:.875rem}section.bio .bio__content .bio__content-links .bio__content-download:hover{border-radius:.125rem;outline:1px solid var(--text-color)}@media (max-width:992px){section.bio .bio__content .bio__content-links .bio__content-download{outline:1px solid #000}}section.bio .bio__content .bio__content-links .bio__content-download .bio__content-arrow{display:inline-block;animation:arrow-animation .5s ease-in-out infinite alternate}section.bio .bio__pic{position:relative;grid-area:img;justify-self:flex-end;align-self:flex-start;display:flex;align-items:flex-end}@media (max-width:992px){section.bio .bio__pic{justify-self:center}}section.bio .bio__pic img{width:26.6875rem}section.bio .bio__pic:before{content:"";position:absolute;z-index:-1;border-radius:.9375rem;width:100%;height:28.75rem;background-color:var(--secondary-background-color)}.heading{font-size:4.0625rem;font-weight:700;text-transform:capitalize;grid-column:1/-1;font-family:Raleway,Poppins,sans-serif;text-transform:uppercase;color:var(--text-color)}section.skills .skills__ul{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,1fr);row-gap:4.375rem}section.skills .skills__ul li{color:var(--text-color);grid-column:span 4}section.skills .skills__ul li h3{font-family:Raleway,Poppins,sans-serif;font-size:2.375rem;font-weight:600}section.media .media__video-conatiner{grid-column:1/-1}section.media .media__video-conatiner video{display:block;width:90%;justify-self:center;border-radius:4px}section.projects{row-gap:3.75rem}section.projects .projects__item{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:4.625rem}@media (max-width:768px){section.projects .projects__item{flex-direction:column}}@media (max-width:768px){section.projects .projects__item:last-child{flex-direction:column-reverse}}section.projects .projects__item .projects__item-pic img{border-radius:.25rem;width:31.25rem}@media (max-width:992px){section.projects .projects__item .projects__item-pic img{width:21.43rem}}@media (max-width:768px){section.projects .projects__item .projects__item-pic img{width:100%}}section.projects .projects__item .projects__item-desc .projects__item-desc-heading{font-size:2.375rem;text-transform:capitalize;margin-bottom:1rem;font-family:Raleway,Poppins,sans-serif;color:var(--text-color)}section.projects .projects__item .projects__item-desc .projects__item-desc-text{font-size:1.125rem;font-family:Raleway,Poppins,sans-serif;line-height:1.5;margin-bottom:1rem;color:var(--text-color)}section.projects .projects__item .projects__item-links a{text-transform:capitalize;text-decoration:underline;font-size:1rem;color:#00f}section.projects .projects__item .projects__item-links a:not(:last-child){margin-inline-end:1.25rem}section.projects .projects__item .projects__item-links a:not(:first-child){margin-inline-start:1.25rem}section.projects .projects__item .projects__item-links a:visited{color:#00f}section.clients .clients__opinions{grid-column:1/-1}section.clients .clients__opinions .clients__wrapper{display:flex;gap:3.75rem;scroll-snap-type:x mandatory;overflow-x:auto}section.clients .clients__opinions .clients__wrapper .clients__opinion{flex-basis:100%;flex-shrink:0;scroll-snap-align:start;font-size:2rem;font-family:Raleway,Poppins,sans-serif;background-color:var(--client-box-color);border-radius:.875rem;padding:3.125rem;line-height:1.6;color:var(--text-color)}section.conatct{margin-bottom:5rem;align-items:center;-moz-column-gap:4rem;column-gap:4rem}section.conatct>div{grid-column:span 6}@media (max-width:992px){section.conatct>div{grid-column:1/-1}}section.conatct .contact__text{font-family:Raleway,Poppins,sans-serif;display:flex;flex-direction:column;gap:1.5rem}@media (max-width:992px){section.conatct .contact__text{order:2}}section.conatct .contact__text .contact__text-p{color:var(--text-color);font-size:1.25rem;line-height:1.9}section.conatct .contact__text .conatct__text-mail{color:var(--text-color);font-weight:700;font-size:1rem;text-decoration:underline}section.conatct .contact__text .contact__icons{color:var(--text-color);display:flex;gap:.375rem}section.conatct .contact__text .contact__icons a i{font-size:1.375rem}@media (max-width:992px){section.conatct .contact__form{margin-bottom:30px}}section.conatct .contact__form h2.heading{margin-bottom:5rem}@media (max-width:992px){section.conatct .contact__form h2.heading{margin-bottom:3.75rem}}section.conatct .contact__form form{font-family:Raleway,Poppins,sans-serif;display:grid;grid-template-columns:repeat(6,1fr);gap:1.25rem}section.conatct .contact__form form textarea{grid-column:span 6;margin-bottom:2.5rem}section.conatct .contact__form form input:not([type=submit]){grid-column:span 3}section.conatct .contact__form form input:not([type=submit]):focus{outline:0}section.conatct .contact__form form input,section.conatct .contact__form form textarea{border:0;border-bottom:1px solid var(--text-color);background:0 0}section.conatct .contact__form form input[type=submit]{background-color:var(--secondary-background-color);color:#fff;padding:1.0625rem 1.125rem;font-weight:500;font-size:1.5rem;border:0}footer p{margin:10px 0;color:var(--text-color)}body:has(.theme-switcher__checkbox:checked){--text-color:white;--header-background-color:black;--primary-background-color:#080808;--secondary-background-color:#02a696;--client-box-color:#2d2d2d}