@import"https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&family=Roboto:wght@400;700&display=swap";.home{display:flex;flex-wrap:wrap;position:relative;margin-top:var(--header-h)}.home-section{padding:var(--sp-l);width:50%;min-height:250px;overflow:hidden}.home-top-left{font-size:var(--fs-xl)}.home-top-right{position:relative;font-size:var(--fs-l)}.home-top-right span{position:absolute;top:20%;right:10%;display:flex;gap:var(--sp-l);align-items:center;justify-content:center}.social-links{display:grid;gap:var(--sp-s)}.home-bottom-left a{display:flex;align-items:center;gap:var(--sp-m)}.home-bottom-right{display:flex}.home-img-1{position:absolute;width:450px;top:5%;left:40%}.home-img-2{position:absolute;width:350px;top:30%;left:60%}.home-img-3{position:absolute;width:250px;top:60%;left:80%}.home-img-1 img,.home-img-2 img,.home-img-3 img{transition:all .3s;transform:scale(1)}.home-img-1 img:hover,.home-img-2 img:hover,.home-img-3 img:hover{transform:scale(1.1)}@media screen and (max-width: 1200px){.home{flex-wrap:nowrap;flex-direction:column}.home>:nth-child(1){order:2}.home>:nth-child(2){order:4}.home>:nth-child(3){order:3}.home>:nth-child(4){order:1}.home-section{width:100%;min-height:auto}.home-img-1,.home-img-2,.home-img-3,.home-top-right span{position:static}}.main{margin-top:calc(var(--sp-xxl)*2);display:flex;justify-content:center}.main-img{max-width:650px}.main-desc{display:flex;gap:var(--sp-m);background-color:var(--first-color);padding:var(--sp-xxl);height:450px;border-bottom-right-radius:var(--sp-xxl)}.main-desc-title{max-width:250px;width:100%;height:150px}.main-desc-info{max-width:350px;width:100%;display:flex;flex-direction:column;justify-content:center;height:450px}@media screen and (max-width: 1200px){.main{flex-direction:column}.main-desc{flex-direction:column;height:auto;width:100%;align-items:center}.main-desc-title,.main-desc-info{width:auto;height:auto}}.about{background-color:var(--special-effect-color);margin-inline:0;color:var(--special-text-color);display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:var(--sp-xxl);padding:var(--sp-xxl) 0}.about-left{display:grid;align-content:center;justify-content:center;text-align:center}.about-img{max-width:350px;aspect-ratio:1/1;border-radius:100%;overflow:hidden}.about-img img{width:100%;height:100%;object-fit:cover}.about-right{max-width:450px;color:var(--special-text-color);display:grid;align-content:center;padding:var(--sp-xxl)}.imgs-wrapper{display:flex;flex-wrap:wrap;gap:var(--sp-l)}.imgs-wrapper a img{width:250px}@media screen and (max-width: 600px){.imgs-wrapper a img{width:100%}}.footer{background-color:var(--extra-color);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--fs-xxl);border-radius:16px;margin-bottom:var(--sp-xxl)}.footer h1{padding:0;margin:0}.footer-social-links{display:flex;align-items:center;justify-content:center;gap:var(--sp-xxl)}.footer-social-links a{color:#fff}.header{display:flex;justify-content:center;background-color:var(--body-color);position:fixed;z-index:100;width:100%;top:0;box-shadow:var(--shadow-color) 0 3px 5px}.header-container{display:flex;justify-content:space-between;max-width:1366px;width:100%;height:var(--header-h);padding:var(--sp-s)}.header-name,.logo{display:grid;place-items:center;cursor:pointer}.nav-wrapper{display:flex;align-items:center;gap:var(--sp-xxl)}.nav{position:relative;display:grid;place-items:center;z-index:1}.nav-menu{display:flex;align-items:center;gap:var(--sp-m);cursor:pointer;font-size:var(--fs-l)}.nav-links{position:absolute;top:100%;display:none;box-shadow:var(--shadow-color) 0 3px 8px;padding:var(--sp-l) var(--sp-xl);gap:var(--sp-m);border-radius:10%;background-color:var(--body-color)}.theme-toggle{cursor:pointer;font-size:var(--fs-xl);display:grid;place-items:center}.menu-hidden{display:grid}.header-name{font-size:var(--fs-l)}.logo{position:relative;overflow:hidden;cursor:pointer;font-size:var(--fs-xl);font-weight:var(--font-semi-bold)}.logo a{text-decoration:none!important}.nav-link{width:85px;overflow:hidden;position:relative}.nav-link a{text-decoration:none!important}.nav-link:before,.logo:before{content:"";position:absolute;background-color:var(--text-color);left:-100%;bottom:0;width:100%;height:2px;transition:all .5s}.nav-link:hover:before,.logo:hover:before{left:0}.logo:after{content:"";position:absolute;background-color:var(--text-color);right:-100%;top:0;width:100%;height:2px;transition:all .5s}.logo:hover:after{right:0}@media screen and (max-width:1200px){.header-name{display:none}}:root{--body-font: "Kalam", cursive;--font-Roboto: "Roboto", sans-serif;--fs-xxxl: 48px;--fs-xxl: 36px;--fs-xl: 24px;--fs-l: 16px;--fs-m: 14px;--fs-s: 12px;--fs-xs: 10px;--header-h: 48px;--first-color: #EEEEEE;--body-color: #FFFFFF;--title-color: #4F4A45;--text-color: #6C5F5B;--extra-color: #ED7D31;--shadow-color: #00000015;--special-effect-color: #4F4A45;--special-text-color: #EEEEEE;--font-medium: 500;--font-semi-bold: 600;--sp-xxl: 24px;--sp-xl: 16px;--sp-l: 12px;--sp-m: 8px;--sp-s: 6px}@media screen and (max-width: 1200px){:root{--fs-xxxl: 36px;--fs-xxl: 24px;--fs-xl: 16px;--fs-l: 14px;--fs-m: 12px;--fs-s: 10px;--fs-xs: 8px;--sp-xxl: 16px;--sp-xl: 12px;--sp-l: 8px;--sp-m: 6px;--xp-s: 4px}}*{box-sizing:border-box;letter-spacing:.5px}html{scroll-behavior:smooth}body{font-family:var(--body-font);font-size:var(--fs-l);background-color:var(--body-color);color:var(--text-color);padding:0;margin:0;transition:all .5s}#root{overflow:hidden}@media screen and (min-width: 1200px){#root{display:grid;justify-content:center}}ul{list-style:none}a{text-decoration:none;color:var(--text-color);letter-spacing:1px}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{max-width:1366px;padding-top:var(--header-h);margin-inline:1.5rem}.credits{font-size:var(--fs-m);padding:var(--sp-l);display:flex;flex-wrap:wrap;gap:var(--sp-xl)}.change_theme{font-size:1.25rem;color:var(--title-color);cursor:pointer;transition:color .3s}body.dark_theme{--first-color: #181A1B;--body-color: #181A1B;--title-color: #EEEEEE;--text-color: #FFFFFF;--extra-color: #181A1B;--shadow-color: #ffffff08;--special-effect-color: #181A1B}::-webkit-scrollbar{background-color:#e7e7e7;width:10px}::-webkit-scrollbar-thumb{background-color:#a5a5a5}::-webkit-scrollbar-thumb:hover{background-color:#616161}.dark_theme::-webkit-scrollbar{background-color:#262729;width:10px}.dark_theme::-webkit-scrollbar-thumb{background-color:#494c4e}.dark_theme::-webkit-scrollbar-thumb:hover{background-color:#63686b}