@font-face{font-family:poppins;src:url(/fonts/poppins.ttf)}@font-face{font-family:poppinsbold;src:url(/fonts/poppinsbold.ttf)}@font-face{font-family:lexend;src:url(/fonts/lexend.ttf)}@font-face{font-family:yahei;src:url(/fonts/montserrat.ttf)}#root{--primaryColor: rgba(135, 56, 245, 1)}body{margin:0;padding:0;background-color:#edeef8}::-webkit-scrollbar{width:7.5px;height:7.5px}::-webkit-scrollbar-track{background:#edeef8}::-webkit-scrollbar-thumb{background:#7c17ff80;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#480fce80;border-radius:10px}h1,h2,h3,h4,h5,p,a,li,ul,dd,dt,dl{margin:0;padding:0}h1{font-family:lexend;font-size:45px}h2,h3,h4{letter-spacing:.25px;font-family:yahei;position:relative;max-width:fit-content}h2{font-size:23px}h2:before{content:"";height:4px;width:50%;position:absolute;bottom:-5px;background-color:var(--primaryColor)}h3{font-size:20px;color:#431a7c}h4{font-size:18px;color:#b8622c}p,a,ul,li,dd,dt,dl{font-family:poppins;font-size:18px}a{color:#26816b}button{font-family:poppinsbold;font-size:18px;letter-spacing:.3px;padding:0}button:hover:not(.active){cursor:pointer}.primary,.secondary{padding:8px 20px;border-radius:5px;display:flex;justify-content:center;align-items:center;gap:10px;width:fit-content}.primary,.tertiary,.secondary.active{border:none}.secondary,.tertiary{background-color:transparent}.primary,.secondary.active{color:#fff;font-weight:700;background-color:var(--primaryColor);transition:background-color .15s}.primary:hover:not(.active){background-color:#42298b}.primary svg{fill:#fff}.secondary{border:3px solid black;transition:.15s;font-family:poppins}.secondary:hover:not(.active){border:3px solid rgba(134,36,179,1);color:#8624b3}.buttonIcon{transition:.15s}.secondary:hover .buttonIcon{fill:#8624b3}.tertiary:hover:not(.active) .buttonIcon{fill:var(--primaryColor)}.tertiary{position:relative;width:fit-content;border-bottom:4px solid transparent;transition:.15s}.tertiary:hover:not(.active){color:var(--primaryColor)}.tertiary.active:before{content:"";height:3px;width:50%;margin:0 25%;position:absolute;display:flex;justify-content:center;bottom:-.1px;background-color:var(--primaryColor)}svg{fill:#000;height:24px;width:24px}img{user-select:none;-webkit-user-drag:none;-webkit-user-select:none}.drawings img{-webkit-user-drag:auto;-webkit-user-select:auto;user-select:auto;pointer-events:auto}.tags li{font-family:poppinsBold;list-style-type:none;color:#000;border:1px solid var(--primaryColor);background-color:#e7e7f6;padding:5px 10px;border-radius:5px;width:fit-content}.tags{display:flex;flex-wrap:wrap;gap:10px}html,body{overflow-x:hidden}.scrollHidden{opacity:0;transition:all .5s ease-out;transform:translateY(100px)}.scrollShow{opacity:1;transform:translateY(0)}header{display:flex;justify-content:space-between;position:absolute;z-index:98;width:100%;background-color:#edeef8;align-items:center;padding:5px 0;top:0}header .centerHeader{position:absolute;display:flex;justify-content:center;width:100%;z-index:-1}header .centerHeader nav{border:1px solid black;border-radius:5px;padding:4px 20px}header img{width:100px;object-fit:contain;cursor:pointer}header .logo,header .contactMe{margin:0 150px;max-height:50px}header .logo{width:100%;max-width:125px}header .tertiary,header button{margin:0 15px}header .tertiary{color:#000;text-decoration:none;font-family:poppinsBold}header .tertiary.active:before{content:"";height:3px;width:50%;display:inline;position:absolute;bottom:-.1px;background-color:var(--primaryColor)}header button{border:none}.projectButton:hover+.dropdownBox,.dropdownBox:hover{display:flex}.dropdownBox{position:absolute;display:none;background-color:#f5f6fbe6;flex-direction:column;align-items:center;gap:10px;top:0;right:0;bottom:0;left:0;margin:auto;width:fit-content;height:fit-content;transform:translateY(55px) translate(-15px)}.dark,.dark .centerHeader .dropdownBox{background-color:#0c0b0c}.dark .tertiary,.dark .secondary{color:#fff}.dark .secondary{border:2px solid white}.dark .centerHeader nav{border:1px solid white}.dark .secondary:hover{border:2px solid rgba(186,144,244,1);color:#ba90f4}.dark .tertiary.active:before{background-color:#ba90f4}.dark .tertiary:hover{color:#ba90f4}@media(max-width:1140px){.contactMe,.logo{display:none}header{padding:25px 0}header div:not(.centerHeader){margin:0}header .centerHeader nav{padding:4px 0}header .tertiary,header button{margin:0 10px}}.error{display:flex;justify-content:center;align-items:center;height:100vh}.error div{display:flex;flex-direction:column;align-items:center}.error img{width:200px;margin:50px 0}.centerContainer{position:relative;display:flex;flex-direction:column;align-items:center}.projectContainer{width:100%;display:flex;flex-direction:column;align-items:center;margin:100px 0}.marginContainer div{margin:60px 0}.designCards:hover .hoverCard,.moreSkills section:hover .hoverCard{transform:scale(1);opacity:100%}.hoverCard{pointer-events:none;opacity:0;transform:scale(.75);color:#fff;padding:10px 25px;border-radius:5px;position:fixed;z-index:99;transition:transform .3s,opacity .3s}.hoverCard p{font-size:15px}.hero{display:block;width:100%;height:100vh;position:relative}.hero .title{width:100%;height:100vh;display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:2;position:absolute}.hero h1{font-size:60px;text-align:center}.hero h2{font-size:25px;width:330px;text-align:center}.hero h2:before{display:none}.scrollDown{left:0;right:0;margin:auto;display:flex;align-items:center;gap:10px;width:fit-content;height:fit-content;position:absolute;bottom:7vh;z-index:2;background-color:transparent;border:none}.scrollDown .text{font-size:17px}.scrollDown svg{transform:translateY(1px)}.hero .pencil{position:absolute;top:0;z-index:2;transform:translate(140px,140px)}.pencil img{width:500px;height:500px;fill:none}.hero .code{position:absolute;bottom:-80px;right:0;z-index:1}.code img{width:400px;height:400px}.hero .triangle{position:absolute;top:25%;right:29%;width:200px;height:175px;background:linear-gradient(#ffb3b4 15%,#ffbc51);clip-path:polygon(50% 0%,0% 100%,100% 100%);z-index:0;transform:translate(0) rotate(45deg) scale(2.25)}.hero .squareLime{position:absolute;top:5%;right:20px;width:180px;height:260px;background-color:#a4eec9}.hero .squarePurple{position:absolute;bottom:-80px;left:0;width:70px;height:200px;background-color:#b580ff}.hero .trianglePurple{position:absolute;bottom:20%;left:0;width:70px;height:270px;background-color:#b580ff;clip-path:polygon(0% 0%,0% 100%,100% 100%)}.fallingDots{position:absolute;top:0;left:0;width:100%;height:250%;z-index:-1;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,transparent 100%)}.hero .squareYellow{position:absolute;bottom:3%;left:15%;width:160px;height:50px;background-color:#ffbc51;opacity:50%;z-index:-99}.hero .squarePurple2{position:absolute;top:8%;right:19%;width:160px;height:50px;background-color:#b580ff;z-index:2;opacity:50%;z-index:-99}@media(max-width:1140px){.squarePurple,.pencil,.code,.trianglePurple,.squareLime{display:none}.hero .triangle{width:25vw;height:25vw}.hero h1{font-size:30px}.hero h2{font-size:20px;max-width:250px;margin:10px 0}.scrollDown .text{font-size:12px}}.body{opacity:0;animation:opacity .25s 2.2s forwards}@keyframes opacity{to{opacity:1}}.animationText{width:100%;height:100vh;transform:scale(.6);position:fixed;z-index:99;display:flex;justify-content:center;align-items:center;opacity:0;animation:blurin .3s .75s forwards,bluraway .5s 2s forwards}@keyframes blurin{0%{filter:blur(20px);opacity:0%}to{filter:blur(0px);opacity:100%}}@keyframes bluraway{0%{filter:blur(0px);opacity:100%}to{filter:blur(20px);opacity:0;display:none}}.contactDiv{display:flex;flex-direction:column;align-items:center;margin:30vh 0 35vh}.contactDiv .title{max-width:605px;padding:0 30px}.contactDiv .title p{margin:40px 0}.bottom{display:flex;justify-content:space-between;align-items:center;padding:0 30px 0 70px}.bottom nav,.bottom div{display:flex;gap:30px}.bottom a,.sitemap a{color:#000}.scrollToTop button{display:flex;border-radius:5px;gap:15px;padding:20px 30px}.scrollToTop p{color:#fff}.scrollToTop svg{display:block;transform:translateY(1px) rotate(180deg);fill:#fff}.scrollToTop{padding:20px 0}.letsTalk{width:100%;padding:20px 0}.sitemap{display:flex;justify-content:center;gap:10px;opacity:50%;padding:0 0 20px}.sitemap a,.bottom a,.bottom p{font-size:15px}@media(max-width:1140px){.bottom{flex-direction:column;padding:0;gap:20px}.sitemap{display:none}}.aboutMe{display:grid;grid-template-columns:2fr 3fr;gap:70px;max-width:1050px;height:fit-content;margin:200px 0 160px}.purpleBorder{border:4px solid var(--primaryColor);max-width:404px;height:100%;border-radius:5px}span{font-family:poppinsbold}.aboutMe .imageDiv{width:100%;max-width:650px;height:500px;position:relative}.aboutMe .imageDiv img{position:absolute;top:50%;left:50%;width:90%;height:100%;object-fit:contain;transform:translate(-50%,-50%) scale(1.3)}.aboutMe .textDiv{display:flex;flex-direction:column;justify-content:center}.aboutMe .text p{margin:20px 0}.aboutMe .text h2{margin:0 0 60px;font-size:35px}.aboutMe .buttons{display:flex;align-items:center;gap:40px;margin:50px 0 0}.aboutMe .buttons a{display:flex;align-items:center;gap:12px;color:#000000bf}.aboutMe .buttons a svg{fill:#000000bf}.aboutMe .buttons a svg,.aboutMe .buttons a{transition:.15s}.aboutMe .buttons a:hover{color:var(--primaryColor)}.aboutMe .buttons a:hover svg{fill:var(--primaryColor)}@media(max-width:1140px){.aboutMe{grid-template-columns:1fr;padding:0 40px}}.designCards{display:flex;width:100%;background-color:#f4f5fbbf;border:2px solid var(--primaryColor);margin:10vh 0;cursor:pointer;transition:.15s}.designCards .imageWrapper{width:70%;height:475px}.designCards img{width:100%;height:100%;object-fit:cover}.designCards,.designCards img{border-radius:10px}.designCards .cardInfo{padding:40px;width:40%;display:flex;flex-direction:column;justify-content:space-between}.designCards .cardInfo h4{color:#000}.designCards .smaller{font-size:16px;opacity:50%}.designCards .cardInfo .info{display:flex;justify-content:space-between}.designCards .infoData{display:flex;flex-direction:column;gap:20px}.designCards.left .imageWrapper{order:0}.designCards.right .imageWrapper{order:1}.designCards .cardInfo button{width:100%}.designCards .summary{margin-left:20px}.designCards:hover{background-color:#fff}.designCards:hover p,.designCards:hover h4,.designCards:hover .smaller,.designCards:hover button,.designCards:hover button svg{color:var(--primaryColor);fill:var(--primaryColor)}.designCards:hover button{border:3px solid var(--primaryColor)}@media(max-width:1140px){.designCards,.designCards .info{flex-direction:column}.designCards .imageWrapper,.designCards .cardInfo{width:100%;box-sizing:border-box}.designCards.left .imageWrapper,.designCards.right .imageWrapper{order:0}.designCards .infoData,.designCards .summary{margin-bottom:25px}}.h1Title{position:relative;display:flex;flex-direction:column;align-items:center;border-bottom:2px solid black;padding:30px 0;margin:0 0 100px;width:100%}.h1Title h1{font-size:60px}.h1Title img{background:linear-gradient(to right,#c87475,#ffb33a);padding:25px;position:absolute;right:30px;bottom:-50px;width:40px;clip-path:circle(49%)}@media(max-width:430px){.h1Title{padding:30px 0 50px}}.moreSkillsDiv{gap:60px}.moreSkills{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.moreSkills article{background-color:#f5f6fbe6;border:3px solid var(--primaryColor);border-radius:5px;padding:220px 30px 30px;transition:.15s}.moreSkills article:hover{transform:scale(.98);background-color:#fff;cursor:pointer}.moreSkills article img{width:50px;object-fit:contain}.moreSkills article h4{margin:10px 0 15px}@media(max-width:1140px){.moreSkills{grid-template-columns:1fr}.moreSkills article{padding:60px 30px 30px}}.toolsContainer{width:82%;margin:80px 0}.toolsContainer .subtitle p{margin:20px 0}.tools{display:flex;align-items:center;background-color:#f5f6fbe6;border:3px solid var(--primaryColor);border-radius:5px;padding:15px;gap:15px;transition:.15s}.tools:hover{transform:scale(.98)}.tools p{font-family:poppinsBold}.myTools{display:flex;flex-direction:column;gap:20px}.toolLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:100%}.toolLayout img{width:50px}@media(max-width:1140px){.toolLayout{grid-template-columns:1fr}}.shapes{z-index:-2;opacity:25%}.shapes div{position:absolute}.shapes .triangle{top:10%;right:-100px;width:300px;height:250px;background:linear-gradient(#ffb3b4 15%,#ffbc51);clip-path:polygon(50% 0%,0% 100%,100% 100%);transform:translate(0) rotate(5deg) scale(2.25)}.shapes .squareLime{top:35%;left:-120px;width:300px;height:450px;background-color:#a4eec9;transform:rotate(-25deg)}.shapes .squarePurple{top:60%;right:0;width:160px;height:500px;background-color:#b580ff;opacity:50%}.shapes .triangle2{top:100%;left:-230px;width:300px;height:250px;background:linear-gradient(#ffb3b4 15%,#ffbc51);clip-path:polygon(50% 0%,0% 100%,100% 100%);transform:translate(0) rotate(20deg) scale(2.25)}@media(max-width:1140px){.shapes{display:none}}.centerBanner{padding:90px 0 0;display:flex;justify-content:center}.banner{position:relative;aspect-ratio:8 / 1;width:82%;border:4px solid var(--primaryColor);border-radius:10px}.banner img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:auto;max-height:130%;width:auto;z-index:2}.projectContainer{max-width:82%}.projectContainer .centerDivContainer{display:flex;justify-content:center}.marginContainer section{margin:200px 0}.centerDiv{display:flex;justify-content:center}.history{display:flex;flex-direction:column;width:82%;gap:100px}.history figure{display:flex;align-items:center;gap:92px;margin:0}.history h2{margin:0 auto}.history figcaption{display:flex;flex-direction:column;gap:20px}.history figcaption abbr{color:#b8622c}.history figure .purpleBorder{position:relative;width:clamp(200px,50vw,404px);height:557px;aspect-ratio:4 / 3}.history figure img{position:absolute;top:50%;left:50%;width:110%;height:auto;transform:translate(-50%,-50%)}@media(max-width:1140px){.history{gap:200px}.history figure{flex-direction:column}.history figure img{order:0}.history figure figcaption{order:1}}.centerAboutMe{display:flex;justify-content:center;position:relative}.experienceDiv{display:flex;flex-direction:column;align-items:center;width:70%}.experienceDiv h2{margin:0 0 10px}.experienceDiv .buttons{display:flex;justify-content:center;gap:20px;width:100%;margin:30px 0}.experienceDiv .buttons button{width:300px}.experienceBoxDiv{border:2px solid var(--primaryColor);border-radius:5px;padding:20px 0 20px 30px;width:100%;background-color:#f5f6fbe6}.experienceBox{position:relative;padding:20px 0 20px 60px;margin:0 40px;border-left:3px solid var(--primaryColor)}.experienceBox img{position:absolute;width:50px;height:fit-content;left:-30px;background-color:#f5f6fb;padding:5px;border-radius:10px}.experienceBox .title{display:flex;flex-direction:column;justify-content:center;background-color:#fff;box-shadow:0 0 7px #00000040;padding:10px;margin:0 0 10px}.experienceBox .title span{font-family:poppins;color:gray;font-size:14px}.experienceBox .title h4{color:#000}.experienceBox .info{width:100%;display:flex;justify-content:space-between}.projects{display:flex;margin:10px 0 0;gap:10px}.projects a{font-family:poppinsBold;font-size:14px;text-decoration:none;color:#000;display:flex;align-items:center;gap:10px;transition:.15s}.projects .tags li{transition:.15s}.projects li:hover{background-color:#f5f6fbe6}.projects a svg{width:15px;transform:rotate(-90deg)}@media(max-width:1140px){.experienceBoxDiv{border:2px solid var(--primaryColor);border-radius:5px;padding:20px 30px;width:100%;background-color:#f5f6fbe6}.experienceBox .info{flex-direction:column}.experienceBox{position:relative;padding:0;margin:0 0 40px;border:none}.experienceBox .title{margin:0 0 10px;gap:20px}.experienceBox img{position:relative;left:0;background-color:transparent}.projects{display:flex;flex-wrap:wrap}.projects,.experienceBox ul{margin-left:20px}.projects a{padding:10px 20px}}.midScroll{position:fixed;bottom:0;right:0;margin:30px;padding:0}.midScroll button{padding:10px 20px;background-color:#edeef8bf}.midScroll p{font-size:15px;color:#000;transition:.25s}.midScroll svg{fill:#000;transition:.25s}.midScroll:hover p{color:#8624b3}.midScroll:hover svg{fill:#8624b3}@media(max-width:900px){.midScroll{display:none}}.WBCenter{display:flex;justify-content:center;position:relative}.WBContainer{width:82%}.artworks{display:flex;flex-direction:column;align-items:center}.artworks .buttons{display:flex;width:82%;justify-content:left;margin:20px 0;gap:20px}.artGrid{display:grid;grid-template-columns:repeat(2,600px);gap:20px;margin-left:50px}.drawings{display:block;columns:400px;width:82%}.drawings img{width:95%;object-fit:contain;border-radius:10px;margin:15px 0}.animationCards{background-color:#f5f6fbe6;border:3px solid var(--primaryColor);border-radius:10px;padding:10px;margin:0 10px}.animationCards img{width:100%;height:350px;object-fit:cover}.animationCards button{width:100%}.animationCards h4{color:#000;margin:20px 0}.animationCards p,.animationCards ul,.animationCards h4,.animationCards button,.animationCards{transition:.15s}.animationCards:hover p,.animationCards:hover ul,.animationCards:hover h4{color:var(--primaryColor)}.animationCards:hover button{color:var(--primaryColor);border:3px solid var(--primaryColor)}.animationCards:hover{cursor:pointer;background-color:#fff}.contactContainer{display:grid;grid-template-columns:6fr 1fr;gap:50px;width:82%;margin:150px 0}.contactInfo .pf img{width:75%;border-radius:10px}.contactInfo .pf{display:flex;justify-content:center}.contactInfo h4{margin:30px 0 20px}.contactInfo p,.contactInfo a{font-size:14px}.contactInfo div{display:flex;align-items:center;gap:10px;margin:15px 0}.contactInfo img{width:30px}.contactForm .title h2{font-size:50px}.contactForm .title p{margin:30px 0;width:60%}.contactForm form fieldset{border:none;border-top:1px solid rgba(0,0,0,.5);padding:40px 0}.contactForm form label{display:flex;align-items:center;gap:25px}.contactForm form label h3{font-family:yahei;width:20px}.contactForm form fieldset input,.contactForm form fieldset textarea{width:100%;background-color:transparent;border:none;font-size:16px;font-family:poppins;color:#92481a;box-sizing:border-box;padding:10px 0 10px 45px;transition:.15s}.contactForm form fieldset textarea{resize:none}.contactForm form fieldset input::placeholder,.contactForm form fieldset textarea::placeholder{color:#41128380}.contactForm form fieldset textarea:focus,.contactForm form fieldset input:focus{outline:none;background-color:#fff}.contactForm form button{padding:15px 50px}.contactForm .submit{border:none;display:flex;justify-content:right}.contactInfo .info{display:flex;flex-direction:column;align-items:start;gap:0}.contactInfo .socials{display:flex;flex-direction:column;gap:8px}.contactInfo .socials li{display:flex;align-items:center;gap:8px;list-style-type:none}.contactInfo .socials a,.contactInfo .socials a svg{transition:.15s}.contactInfo .socials a svg{width:30px;height:30px}.contactInfo .socials a{color:#000;display:flex;align-items:center;gap:10px}.contactInfo a:hover{color:var(--primaryColor)}.contactInfo a:hover svg{fill:var(--primaryColor)}@media(max-width:1140px){.contactContainer{grid-template-columns:1fr}.contactInfo .pf{display:block}.contactInfo .pf img{width:200px}.contactForm .title p{width:100%}}.layout{display:flex;justify-content:center;align-items:flex-start}.layout aside{position:fixed;display:flex;flex-direction:column;gap:130px;top:120px;width:144px;left:56px}.layout aside button{display:flex;align-items:center;gap:10px}.layout aside nav{display:flex;flex-direction:column;gap:24px}.layout aside nav button{border:none;color:#000}.layout aside nav .selected{color:var(--primaryColor);border-left:4px solid var(--primaryColor);padding-left:10px}.layout aside nav button{font-family:poppins}.layout aside nav .selected{color:var(--primaryColor)}.webProjectContainer{width:72%;margin:150px 80px 0 240px}.titleDiv .title h3,.layout .description section .steps{font-size:40px}.layout .description section{margin:32vh 0 0;display:flex;flex-direction:column;gap:32px}.layout .description section img{border-radius:10px}.layout .description section .tagsDiv{display:flex;flex-direction:column;gap:16px}.layout .description .header{display:flex;align-items:center;gap:24px}.layout .wQuestions{display:grid;grid-template-columns:120px 1fr;row-gap:56px}.layout .wQuestions dt{font-family:poppinsBold;color:#b8622c}.layout .wQuestions dd ul{margin-left:60px}.layout .wQuestions div{display:flex;flex-direction:column;gap:16px}@media(max-width:1140px){.layout aside{display:none}.webProjectContainer{margin:150px 0 0 00}.layout .wQuestions{grid-template-columns:1fr}.layout .description section img{height:90vh;object-fit:cover}}.bannerDiv{position:relative;margin:20px 0}.bannerDiv iframe,.bannerDiv .embed,.bannerDiv img{width:100%;height:84vh;border-radius:10px}.bannerDiv img{object-fit:cover}.bannerDiv .embed{position:absolute;top:0;left:0;background-color:#000000bf}.bannerDiv .embed button,.bannerDiv .embed button svg{color:#fff;fill:#fff}.bannerDiv .embed button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;margin:0}.bannerDiv .closeEmbed{position:absolute;bottom:8px;left:0}.urlLink{display:flex;align-items:center;margin-bottom:20px;background-color:#8738f5;padding:10px;box-sizing:border-box;border-radius:5px;gap:12px}.urlLink svg{width:24px;height:24px;fill:#fff}.urlLink a{font-size:14px;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:300px;font-family:poppinsBold}.titleDiv{display:flex;flex-direction:column;gap:68px}.titleDiv .title,.titleDiv .titleFlex{display:flex;align-items:center}.titleDiv .titleFlex{justify-content:space-between}.titleDiv .title{gap:32px}.titleDiv .title img{width:84px}.titleDiv span{font-family:poppins;opacity:50%}.titleDiv .myRoles{border:2px solid var(--primaryColor);border-radius:10px;background-color:#f5f6fb;padding:16px 28px;display:flex;justify-content:space-between}.titleDiv .myRoles div{display:flex;flex-direction:column;gap:10px}.titleDiv .myRoles dd{font-family:poppinsBold}.titleDiv .myRoles .tags{max-width:260px}.titleDiv .myRoles .tags ul{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:1140px){.titleDiv .titleFlex,.titleDiv .titleFlex .title,.titleDiv .myRoles{flex-direction:column}.titleDiv .titleFlex,.titleDiv .myRoles{gap:20px}}.video video{display:flex;justify-content:center;height:75vh;width:100%}.video{margin:57px 0 20px;background-color:#000}.additionalInfo{width:82%;padding:20px 0;border-bottom:1px solid black}.additionalInfo p{margin:20px 0 0}.videoReturn{z-index:99;position:absolute;color:#fff;margin:30px 20px;display:flex;align-items:center;gap:12px}.videoReturn svg{fill:#fff;transform:rotate(90deg)}