@import url(https://fonts.googleapis.com/css2?family=Anton&family=Fira+Sans:ital,wght@0,100;0,300;0,400;1,100;1,300;1,400&family=Montserrat:wght@100;900&display=swap);.mt[data-v-7b75b543]{margin-top:2rem}#project[data-v-7b75b543]{position:fixed;width:100%;height:100%;overflow:auto;top:0;z-index:110}#project #project__container[data-v-7b75b543]{padding:80px;background:#fff;min-height:100vh}@media only screen and (max-width:768px){#project #project__container[data-v-7b75b543]{padding:80px 20px 20px 20px}}#project #project__container .project__img-init[data-v-7b75b543]{display:flex;flex-flow:row nowrap;justify-content:center;margin-bottom:35px}@media only screen and (max-width:768px){#project #project__container .project__img-init[data-v-7b75b543]{flex-flow:row wrap!important}}@media only screen and (max-width:1366px){#project #project__container .project__img-init[data-v-7b75b543]{flex-flow:row nowrap}}#project #project__container .project__img-init div[data-v-7b75b543]{margin:15px;overflow:hidden}#project #project__container .project__img-init div img[data-v-7b75b543]{width:100%}#project #project__container .project__intro .project__title[data-v-7b75b543]{text-align:center;overflow:hidden}#project #project__container .project__intro .project__title h2[data-v-7b75b543]{font-weight:900;font-size:58px}@media only screen and (max-width:768px){#project #project__container .project__intro .project__title h2[data-v-7b75b543]{font-size:30px}}#project #project__container .project__intro .project__desc[data-v-7b75b543]{display:flex;justify-content:center;padding:0 300px}@media only screen and (max-width:1366px){#project #project__container .project__intro .project__desc[data-v-7b75b543]{padding:0}}@media only screen and (max-width:1024px){#project #project__container .project__intro .project__desc[data-v-7b75b543]{flex-flow:row wrap}}#project #project__container .project__intro .project__desc .project__desc--first[data-v-7b75b543]{font-family:Fira Sans,sans-serif;font-size:20px;font-weight:600;text-align:right;margin:18px;white-space:nowrap;flex-shrink:1}#project #project__container .project__intro .project__desc .project__desc--first span[data-v-7b75b543]{font-weight:400}@media only screen and (max-width:1024px){#project #project__container .project__intro .project__desc .project__desc--first[data-v-7b75b543]{text-align:center}}#project #project__container .project__intro .project__desc .project__desc--second[data-v-7b75b543]{margin:15px;flex-shrink:3}#project #project__container .project__intro .project__desc .project__desc--second p[data-v-7b75b543]{-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual;font-size:16px}#project #project__container .project__content[data-v-7b75b543]{text-align:center;margin:100px 0}#project #project__container .project__content video[data-v-7b75b543]{width:50%}@media only screen and (max-width:1366px){#project #project__container .project__content video[data-v-7b75b543]{width:70%}}@media only screen and (max-width:1024px){#project #project__container .project__content video[data-v-7b75b543]{width:100%}}#project #project__container .project__content iframe[data-v-7b75b543]{width:50%;height:450px}@media only screen and (max-width:1366px){#project #project__container .project__content iframe[data-v-7b75b543]{width:70%}}@media only screen and (max-width:1024px){#project #project__container .project__content iframe[data-v-7b75b543]{width:100%}}#project #project__container .project__close[data-v-7b75b543]{position:absolute;top:0;right:0;margin:20px}#project #project__container .project__close a .project__close--container[data-v-7b75b543]{position:relative;width:50px;height:50px}#project #project__container .project__close a .project__close--container div[data-v-7b75b543]{position:absolute;width:30px;height:2px;background-color:#555;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s}#project #project__container .project__close a:hover .project__close--container div[data-v-7b75b543]:first-child{transform:rotate(45deg)}#project #project__container .project__close a:hover .project__close--container div[data-v-7b75b543]:last-child{transform:rotate(-45deg)}