:root{---PageMain-AImg-margin-bottom: 0;---PageMain_menu_menuIcon: 60px;---PageMain_menu_menuIcon_transition: .5s ease .1s;---PageMain_menu_menuIcon_menuIconButton: 1;---PageMain_menu_menuIcon_menuIconButton_transition: .6s ease .1s;---PageMain_menu_menuItem: 15rem;---PageMain_menu_menuItem_transition: .3s ease}[menu-button=on]{---PageMain_menu_menuIcon: 260px;---PageMain_menu_menuIcon_transition: .3s ease;---PageMain_menu_menuIcon_menuIconButton: 0;---PageMain_menu_menuIcon_menuIconButton_transition: none;---PageMain_menu_menuItem: 0rem;---PageMain_menu_menuItem_transition: .5s ease .1s}[aimg-apper=on]{---PageMain-AImg-margin-bottom: -120%}#PageMain{position:relative;background-color:var(--black-zero);background-image:url(/imgs/Pattern/quep.png);overflow:hidden;background-size:7.3rem;background-position:center}#PageMain .bigWord{position:relative}#PageMain .bigWord span{opacity:0;font-family:Namaku;font-size:calc(100% + 5.5vw + 5.5vh);text-transform:uppercase;background-image:linear-gradient(to right,var(--white),var(--yellow));background-size:cover;background-clip:text;color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#PageMain .bigWord span.opactyOn{opacity:1}#PageMain .AImg{width:480px;position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:1;transition:.5s all;margin-bottom:var(---PageMain-AImg-margin-bottom)}#PageMain .menu{position:absolute;bottom:0;left:10%;transform:translate(-10%);z-index:4;margin-bottom:-1px}#PageMain .menu .menuIcon{width:var(---PageMain_menu_menuIcon);height:40px;font-size:2.3rem;color:var(--yellow);background-color:var(--black);border-radius:var(--_5px) var(--_5px) 0px 0px;border-top:var(--dark-gray-border);border-right:var(--dark-gray-border);border-left:var(--dark-gray-border);transition:var(---PageMain_menu_menuIcon_transition)}#PageMain .menu .menuIcon .menuIconButton{cursor:pointer;opacity:var(---PageMain_menu_menuIcon_menuIconButton);transition:var(---PageMain_menu_menuIcon_menuIconButton_transition)}#PageMain .menu .menuItem{width:200px;height:160px;background-color:var(--gray);border-radius:var(--_5px);position:absolute;top:88%;left:58%;transform:translate(-58%,-85%) rotate(10deg);margin-top:var(---PageMain_menu_menuItem);transition:var(---PageMain_menu_menuItem_transition);border:var(--white-gray-border)}#PageMain .menu .menuItem .closeIcon{color:var(--yellow);font-size:1.2rem;cursor:pointer}#PageMain .menu .menuItem .closeIcon:hover{color:var(--white)}#PageMain .menu .menuItem .menuList{width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg)}#PageMain .menu .menuItem .menuList .menuOption{all:unset;border-radius:var(--_3px);cursor:pointer;transition:.2s all;color:var(--white)}#PageMain .menu .menuItem .menuList .menuOption span{color:var(--white);font-family:Satoshi-Bold;text-transform:capitalize;font-size:.8rem}#PageMain .menu .menuItem .menuList .menuOption:hover,#PageMain .menu .menuItem .menuList .menuOption.active{background-color:var(--yellow)}#PageMain .menu .menuItem .menuList .menuOption:hover span,#PageMain .menu .menuItem .menuList .menuOption.active span{color:var(--black)}#PageMain .menu .menuItem .menuList .menuOption:hover .optionIcon,#PageMain .menu .menuItem .menuList .menuOption.active .optionIcon{color:var(--gray)}footer{background-color:var(--black-zero)}footer .footerTags .footerTagsWords span{color:var(--white);font-family:Satoshi-Black;font-size:calc(100% + 1.4vw + 1.4vh);text-transform:uppercase}footer .linkeBigScreen .listStyle ul{all:unset}footer .linkeBigScreen .listStyle ul li{list-style:none;color:var(--white);text-transform:capitalize;font-size:1.07rem;margin-bottom:4px;font-family:Satoshi-Medium;opacity:.9}footer .linkeBigScreen .listStyle ul li a{all:unset;cursor:pointer;color:var(--white);font-size:.85rem}footer .linkeBigScreen .listStyle ul li a:hover{color:var(--yellow)}footer .footerTags .sochialIcon a{all:unset;cursor:pointer;color:var(--white);font-size:1.2rem}footer .footerTags .sochialIcon a:hover{color:var(--yellow)}footer .Copyright{color:var(--white);font-size:calc(100% + .001vw - .6vh);opacity:.4}#AboutMe .sectionTitle .line{width:2.5px;height:16px;background-color:var(--yellow);border-radius:var(--_5px)}#AboutMe .sectionTitle .sectionName{font-family:Satoshi-Bold;font-size:1rem;color:var(--white)}#AboutMe .aaanameSection{font-size:1.1rem;text-transform:capitalize;font-weight:500;color:var(--white)}#AboutMe .aaanameSection .aaaname{font-family:Namaku;letter-spacing:1px;font-size:2.5rem}#AboutMe .disSection span{font-size:.85rem;font-family:Satoshi-Regular;font-weight:600;opacity:.8;color:var(--white);letter-spacing:1px}#AboutMe .buttonSection{font-family:Satoshi-Bold;font-size:.9rem}#AboutMe .buttonSection .cotactButton{all:unset;text-transform:capitalize;background-color:var(--yellow);font-family:Satoshi-Bold;font-size:.88rem;box-shadow:5px 5px 0 var(--gray);transition:.3s all;padding:10px 23px;color:var(--black);cursor:pointer;border-radius:var(--_5px)}#AboutMe .buttonSection .brojectButton{all:unset;border-bottom:3px solid var(--yellow);color:var(--white);padding-bottom:5px;cursor:pointer;text-transform:capitalize;font-size:.85rem}#AboutMe .buttonSection .brojectButtonsmole{all:unset;cursor:pointer;border:2px solid var(--yellow);border-radius:var(--_5px);padding:13px 0;color:var(--white);text-transform:capitalize;font-size:.9rem}#AboutMe .buttonSection .cotactButtonsmall{all:unset;text-transform:capitalize;background-color:var(--yellow);font-family:Satoshi-Bold;font-size:.9rem;box-shadow:5px 5px 0 var(--gray);transition:.3s all;padding:12px 22px;color:var(--black);cursor:pointer;border-radius:var(--_5px)}#AboutMe .buttonSection .cotactButton:hover,#AboutMe .buttonSection .cotactButton:focus,#AboutMe .buttonSection .cotactButtonsmall:hover,#AboutMe .buttonSection .cotactButtonsmall:focus{background-color:var(--gray);box-shadow:5px 5px 0 var(--yellow);color:var(--white)}#AboutMe .buttonSection .emailIcon{font-size:1rem}#AboutMe .buttonSection .cotactButton:hover .emailIcon,#AboutMe .buttonSection .cotactButton:focus .emailIcon{color:var(--yellow)}#AboutMe .buttonSection .rocketIcon{color:var(--yellow);font-size:.95rem}#AboutMe .triangleImgBox{width:19rem;height:17rem;position:relative}#AboutMe .triangleImgBox img{width:18rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(-3%);opacity:.25}#AboutMe .triangleImgBox .animation-box-aboutUs{width:75%;height:75%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}#AboutMe .triangleImgBox .animation-box-aboutUs .any-span:nth-child(1){opacity:0;width:50%;height:5px;background-image:linear-gradient(to right,rgba(0,0,0,0),var(--yellow) 80%);border-radius:var(--_10px);position:absolute;top:0;left:0;animation:any-span-1 2.2s linear infinite;animation-delay:0s}#AboutMe .triangleImgBox .animation-box-aboutUs .any-span:nth-child(2){opacity:0;width:5px;height:50%;background-image:linear-gradient(to bottom,rgba(0,0,0,0),var(--yellow));border-radius:var(--_10px);position:absolute;top:0;right:0;animation:any-span-2 2.1s linear infinite;animation-delay:5s}#AboutMe .triangleImgBox .animation-box-aboutUs .any-span:nth-child(3){opacity:0;width:5px;height:50%;background-image:linear-gradient(to top,rgba(0,0,0,0),var(--yellow));border-radius:var(--_10px);position:absolute;bottom:0;left:0;animation:any-span-3 2.2s linear infinite;animation-delay:6s}@keyframes any-span-1{0%{opacity:.5;transform:translate(-350%) rotate(17deg);margin-top:-6.1rem}to{opacity:1;transform:translate(350%) rotate(17deg);margin-top:8.7rem}}@keyframes any-span-2{0%{opacity:.5;margin-right:-10.5rem;transform:translateY(-150%) rotate(48deg)}to{opacity:1;margin-right:10.6rem;transform:translateY(150%) rotate(48deg)}}@keyframes any-span-3{0%{opacity:.5;margin-left:6.5rem;transform:translateY(250%) rotate(-12.5deg)}to{opacity:1;margin-left:-.1rem;transform:translateY(-250%) rotate(-12.5deg)}}#AboutMe .ProjectsBox,#AboutMe .ExperienceBox,#AboutMe .TechnologiesBox{width:7rem;height:5rem;background-color:var(--gray);text-align:center;border-radius:var(--_5px)}#AboutMe .yalow{font-size:1rem}#AboutMe .statusNumber{font-family:Satoshi-Bold;font-size:1.2rem;color:var(--white)}#AboutMe .statusName{font-family:Satoshi-Medium;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--white)}#AboutMe .ProjectsBox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(-86%) translateY(-111%)}#AboutMe .ExperienceBox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(-51%) translateY(114%)}#AboutMe .TechnologiesBox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(72%) translateY(-41%)}#Projects .sectionTitle .line{width:2.5px;height:16px;background-color:var(--yellow);border-radius:var(--_5px)}#Projects .sectionTitle .sectionName{font-family:Satoshi-Bold;font-size:1rem;color:var(--white);text-transform:capitalize}#Projects .sectionTitlesmall .sectionName{font-family:Satoshi-Bold;font-size:1.2rem;border-bottom:3px solid var(--yellow);color:var(--white);text-transform:capitalize}#Projects .LatestProjectcard{all:unset;cursor:pointer}#Projects .LatestProjectcard .ProjectImg{border-radius:var(--_5px);overflow:hidden;border:var(--white-gray-border)}#Projects .LatestProjectcard .ProjectInfo .ProjectName{font-family:Satoshi-Bold;color:var(--white);font-size:1.2rem}#Projects .LatestProjectcard .ProjectInfo .ProjectDescription{color:var(--white);font-size:.85rem;font-family:Satoshi-Regular;opacity:.8;letter-spacing:1px}#Projects .LatestProjectcard .SLT-Icon .slt-icon{color:var(--yellow);font-size:1.3rem}#Projects .viewAllBut .rocketIcon{color:var(--black);font-size:1rem}#Projects .viewAllBut a{all:unset;text-transform:capitalize;background-color:var(--yellow);font-family:Satoshi-Bold;font-size:.85rem;box-shadow:5px 5px 0 var(--gray);transition:.3s all;padding:12px 22px;color:var(--black);cursor:pointer;border-radius:var(--_5px)}#Projects .viewAllBut a:hover,#Projects .viewAllBut a:focus{background-color:var(--gray);box-shadow:5px 5px 0 var(--yellow);color:var(--white)}#Projects .viewAllBut a:hover .rocketIcon,#Projects .viewAllBut a:focus .rocketIcon{color:var(--yellow)}#Technologies .sectionTitle .line{width:2.5px;height:16px;background-color:var(--yellow);border-radius:var(--_5px)}#Technologies .sectionTitle .sectionName{font-family:Satoshi-Bold;font-size:1rem;color:var(--white);text-transform:capitalize}#Technologies .sectionTitlesmall .sectionName{font-family:Satoshi-Bold;font-size:1.2rem;text-transform:capitalize;border-bottom:3px solid var(--yellow);color:var(--white)}#Technologies .technologyBox{position:relative;background-color:var(--gray);border-radius:var(--_5px);overflow:hidden}#Technologies .technologyBox span:nth-child(1){position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(to right,#0000,#f7a517ab);animation:animate1 2s linear infinite;animation-delay:1s}#Technologies .technologyBox span:nth-child(2){position:absolute;top:0;right:0;width:2px;height:100%;background:linear-gradient(to bottom,#0000,#f7a517ab);animation:animate2 2s linear infinite;animation-delay:2s}#Technologies .technologyBox span:nth-child(3){position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to left,#0000,#f7a517ab);animation:animate3 2s linear infinite;animation-delay:1s}#Technologies .technologyBox span:nth-child(4){position:absolute;top:0;left:0;width:2px;height:100%;background:linear-gradient(to top,#0000,#f7a517ab);animation:animate4 2s linear infinite;animation-delay:2s}#Technologies .technologyBox .technology-icon{color:var(--yellow);font-size:1.5rem}#Technologies .technologyBox .technology-name{font-family:Satoshi-Medium;font-size:.9rem;color:var(--white);text-transform:capitalize}@keyframes animate1{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes animate2{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes animate3{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes animate4{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}#Technologies .technologiesvictory .axisXY{width:auto;height:13rem;border-left:3.5px solid transparent;border-image:linear-gradient(to bottom,var(--yellow),var(--black) 150%);border-image-slice:1;border-radius:3px;position:relative;text-align:center}#Technologies .technologiesvictory .axisXY .tec_numper{font-family:Satoshi-Medium;font-size:.75rem;color:var(--white)}#Technologies .technologiesvictory .axisXY .tecBar{width:1.5rem;background:linear-gradient(to top,rgba(0,0,0,0),var(--yellow) 80%);border-radius:2px 2px 0 0;transition:.3s all}#Technologies .technologiesvictory .axisXY .tecName{font-family:Satoshi-Medium;font-size:.7rem;text-transform:capitalize;opacity:.6;color:var(--yellow)}#Technologies .technologiesvictory .axisXY hr{all:unset;width:100%;border:2px solid transparent;border-image:linear-gradient(to left,var(--yellow),var(--black) 150%);border-image-slice:1;border-radius:3px;position:absolute;bottom:0;left:0;transform:translate(0) translateY(-1.25rem)}#ContactCard .ContactCard{background-color:var(--gray);border:var(--white-gray-border);border-radius:var(--_10px)}#ContactCard .f-section{background-image:url(/imgs/Pattern/texture.png);background-position:center;background-size:1vh}#ContactCard .ContactCard .aaaName{color:var(--white);font-family:Satoshi-Black;font-size:.9rem}#ContactCard .ContactCard .headLine{font-family:Namaku;font-size:2.3rem;color:var(--white)}#ContactCard .ContactCard .contactbut a{all:unset;text-transform:capitalize;background-color:var(--yellow);font-family:Satoshi-Bold;font-size:.95rem;box-shadow:5px 5px 0 var(--gray);transition:.3s all;padding:10px 23px;color:var(--black);cursor:pointer;border-radius:var(--_5px)}#ContactCard .ContactCard .contactbut a:hover,#ContactCard .ContactCard .contactbut a:focus{background-color:var(--gray);box-shadow:5px 5px 0 var(--yellow);color:var(--white)}#ContactCard .ContactCard .contactbut a .GoPersonAdd{font-size:1.2rem;color:var(--black)}#ContactCard .ContactCard .contactbut a:hover .GoPersonAdd,#ContactCard .ContactCard .contactbut a:focus .GoPersonAdd{color:var(--yellow)}#ContactCard .imgSection{width:100%;height:19rem;border:var(--dark-gray-border);border-radius:var(--_10px);border-width:2px;color:var(--white);background-color:var(--yellow);overflow:hidden;position:relative}#ContactCard .imgSection .logoSection{width:100%;height:100%;background-color:#0004;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:absolute;top:0;left:0}#ContactCard .imgSection .logoSection img{width:6rem}#ContactCard .imgSection .imgSectionDeep{transform:rotate(-30deg)}#ContactCard .imgSection .imgsBox{margin:0 5px}#ContactCard .imgSection .imgsBox img{width:6.5rem}#Projects .imgSection{position:relative;border:var(--white-gray-border);border-radius:var(--_5px);overflow:hidden;transition:.35s all}#Projects .imgSection .imgSectionLayer{width:100%;height:100%;position:absolute;top:0;left:0;z-index:5;background:linear-gradient(180deg,#02002400,#f7a51707)}#Projects .imgSection img{filter:brightness(.9);transition:.35s ease}#Projects .imgSection .imgLink{width:45px;height:35px;color:var(--yellow);font-size:1.2rem;background-color:var(--gray);border-radius:var(--_5px);border:2px solid var(--yellow);position:absolute;top:4%;right:3%;transform:translate(3%,4%);z-index:5;margin-right:-65px;opacity:0;cursor:pointer;transition:.35s}#Projects .imgSection:hover,#Projects .imgSection:focus{box-shadow:2px 2px #404040}#Projects .imgSection:hover img,#Projects .imgSection:focus img{filter:brightness(.83)}#Projects .imgSection:hover .imgLink,#Projects .imgSection:focus .imgLink{animation:moveRightToLeft .35s ease-in-out;opacity:1;margin-right:0}@keyframes moveRightToLeft{0%{opacity:0;margin-right:-65px}to{opacity:1;margin-right:0}}#Projects .infoSection .categorySection span{color:var(--white);background-color:#f7a517;border-radius:var(--_5px);text-transform:lowercase;font-size:.8rem;letter-spacing:1px;padding:3px 13px;font-family:Satoshi-Medium}#Projects .infoSection .NameAndDescription .nameSection{font-family:Satoshi-Bold;color:var(--white);text-transform:capitalize;font-size:1.6rem}#Projects .infoSection .descripitonSection{font-family:Satoshi-Regular;color:var(--white);font-size:calc(100% + .001vw + .001vh);opacity:.8}#Projects .infoSection .SLT-Icon .slt-icon{color:var(--yellow);font-size:1.5rem}#Projects .infoSection .buttonSection a{all:unset;text-transform:capitalize;background-color:var(--yellow);font-family:Satoshi-Bold;font-size:.85rem;box-shadow:5px 5px 0 var(--gray);transition:.3s all;padding:12px 22px;color:var(--black);cursor:pointer;border-radius:var(--_5px)}#Projects .infoSection .buttonSection a .LiaBinocularsSolid{font-size:1.1rem;color:var(--black)}#Projects .infoSection .buttonSection a:hover,#Projects .infoSection .buttonSection a:focus{background-color:var(--gray);box-shadow:5px 5px 0 var(--yellow);color:var(--white)}#Projects .infoSection .buttonSection a:hover .LiaBinocularsSolid,#Projects .infoSection .buttonSection a:focus .LiaBinocularsSolid{color:var(--yellow)}#Contact .contactBg{background-image:url(/imgs/Pattern/squares.png);background-position:center;background-size:21.5rem;position:relative}#Contact .contactBg .contactBgLayerTop,#Contact .contactBg .contactBgLayerRight,#Contact .contactBg .contactBgLayerButton,#Contact .contactBg .contactBgLayerLefy{width:100%;height:100%;position:absolute;top:0;left:0}#Contact .contactBg .contactBgLayerTop{background-image:linear-gradient(180deg,var(--black),rgba(255,255,255,0) 12%)}#Contact .contactBg .contactBgLayerRight{background-image:linear-gradient(90deg,var(--black),rgba(255,255,255,0) 10%)}#Contact .contactBg .contactBgLayerButton{background-image:linear-gradient(0deg,var(--black),rgba(255,255,255,0) 12%)}#Contact .contactBg .contactBgLayerLefy{background-image:linear-gradient(270deg,var(--black),rgba(255,255,255,0) 10%)}#Contact .contactBg .contactCard{background-color:var(--gray);border-radius:var(--_10px);position:relative;overflow:hidden;border:var(--white-gray-border)}#Contact .contactBg .contactCard>.row{border-radius:var(--_3px)}#Contact .contactBg .contactCard .contactspeechSection{display:flex;justify-content:center;align-items:center;background-image:url(/imgs/Pattern/texture.png);background-position:center;background-size:1vh}#Contact .contactBg .contactCard .contactspeechSection .contactSpeech{font-family:Namaku;font-size:calc(100% + 2vw + 2vh);color:var(--white);text-transform:uppercase}#Contact .contactBg .contactCard .contactForm{background-color:var(--gray);border-radius:var(--_5px)}#Contact .contactBg .contactCard .contactForm .sectionOne span,#Contact .contactBg .contactCard .contactForm .sectionTow span,#Contact .contactBg .contactCard .contactForm .sectionThree span{color:var(--white);font-family:Satoshi-Medium;margin-bottom:3px;margin-left:3px;opacity:.7;font-size:.95rem}#Contact .contactBg .contactCard .contactForm input{all:unset}#Contact .contactBg .contactCard .contactForm .sectionThree textarea{height:150px;resize:none;outline:none;border:none}#Contact .contactBg .contactCard .contactForm input,#Contact .contactBg .contactCard .contactForm .sectionThree textarea{width:100%;box-sizing:border-box;border-radius:var(--_5px);background-color:var(--mix-gray-yellow);color:var(--white);font-family:Satoshi-Regular;border:var(--dark-gray-border)}#Contact .contactBg .contactCard .contactForm .sectionThree textarea:hover,#Contact .contactBg .contactCard .contactForm .sectionThree textarea:focus{outline:none;border:var(--dark-gray-border)}#Contact .contactBg .contactCard .contactForm .buttonSection button{all:unset;background-color:var(--yellow);border-radius:var(--_5px);box-sizing:border-box;font-size:1rem;font-family:Satoshi-Bold;cursor:pointer;color:var(--black)}#Contact .contactBg .contactCard .contactForm .buttonSection button .contactFormButtonIcon{font-size:1.1rem}#Contact .contactBg .contactCard .contactForm .buttonSection .sochialLink .socchialIconBox{all:unset;width:38px;height:38px;background-color:var(--yellow);border-radius:var(--_50);font-size:1.1rem;cursor:pointer;color:var(--black)}#Contact .successMessage{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10;background-color:#535252b2;display:none;justify-content:center;align-items:center}#Contact .successMessage .messageBox{width:17rem;height:12rem;background-color:var(--gray);border-radius:var(--_10px);position:relative;animation:upToDown .6s ease-in-out;box-shadow:3px 3px 15px #24242457}#Contact .successMessage .messageBox .closeIcon{font-size:2.2rem;color:var(--yellow);position:absolute;top:2%;right:3%;cursor:pointer}#Contact .successMessage .messageBox .imgBox{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-50%)}#Contact .successMessage .messageBox .imgBox .imgBoxCircal{width:6rem;height:6rem;border:3px solid var(--yellow);border-radius:var(--_50);background-color:var(--gray)}#Contact .successMessage .messageBox .imgBox .imgSection{width:8rem;position:absolute;top:0;left:50%;z-index:21;transform:translate(-50%) translateY(-11.8%)}#Contact .successMessage .messageBox .messageCotact{font-size:1.05rem;text-align:center;font-family:Satoshi-Medium;text-transform:capitalize;color:var(--white)}@keyframes upToDown{0%{opacity:0;transform:translateY(-23%)}to{opacity:1;transform:translateY(0)}}#startUpPage{width:100%;height:100%;position:fixed;top:0;left:0;z-index:50;background-color:var(--black);display:flex;justify-content:center;align-items:center}#startUpPage .animationBox .animationLogo .fristLogo{position:relative;z-index:3;transform:scale(1.5);animation:scale .5s 1.5s forwards}#startUpPage .animationBox .animationLogo .fristLogo .resizable-svg{width:75px;height:75px}#startUpPage .animationBox .animationLogo .fristLogo path{stroke:var(--yellow);stroke-width:13;fill:none;stroke-dasharray:1100;stroke-dashoffset:1100;animation:draw 2s ease forwards,fill 2s 1s forwards}#startUpPage .animationBox .animationLogo .secondLogo{position:absolute;z-index:2;transform:scale(1.5);animation:scale .5s 1.5s forwards}#startUpPage .animationBox .animationLogo .secondLogo .resizable-svg{width:75px;height:75px}#startUpPage .animationBox .animationLogo .secondLogo path{stroke:var(--white);stroke-width:8;fill:none;stroke-dasharray:1100;stroke-dashoffset:1100;animation:draw 1.4s ease forwards,fill 2s 1s forwards}#startUpPage .animationBox .animationName{color:var(--white);font-size:calc(100% + .01vw + .01vh);font-weight:700;text-transform:uppercase;opacity:0;animation:opacty .9s 1.5s forwards}@keyframes draw{0%{stroke-dashoffset:1100}to{stroke-dashoffset:0}}@keyframes fill{0%{fill:none}to{stroke:var(--yellow);fill:var(--yellow)}}@keyframes scale{0%{transform:scale(1.5)}to{transform:scale(1.3)}}@keyframes opacty{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--black: #0a0a0a;--gray: #232323;--yellow: #f7a617;--mix-gray-yellow: #282725da;--white: #ffffff;--black-zero: #000000;--dark-gray-border: 2px solid #363636;--white-gray-border: 2px solid #404040;--_3px: 3px;--_5px: 5px;--_10px: 10px;--_50px: 50px;--_50: 50%}@font-face{font-family:Namaku;src:url(/fonts/Namaku/Namaku.otf)}@font-face{font-family:Satoshi-Black;src:url(/fonts/Satoshi/Satoshi-Black.otf)}@font-face{font-family:Satoshi-Bold;src:url(/fonts/Satoshi/Satoshi-Bold.otf)}@font-face{font-family:Satoshi-Medium;src:url(/fonts/Satoshi/Satoshi-Medium.otf)}@font-face{font-family:Satoshi-Regular;src:url(/fonts/Satoshi/Satoshi-Regular.otf)}body{-webkit-user-select:none;user-select:none;background-color:var(--black);height:100%}::-webkit-scrollbar{width:0px}.app-container{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.yalow{color:var(--yellow)}