/*!------------------------------------------------------------------
[MAIN STYLESHEET]
PROJECT: Yiyao Wei Portfolio
VERSION: 1.0.0
-------------------------------------------------------------------*/@font-face{font-family:bwnistaint-xbd;src:url(../fonts/BwNistaInt-xBd.woff)format('woff');font-style:normal;font-display:swap}@font-face{font-family:KharkivTone;src:url(../fonts/KharkivTone.ttf)format('truetype');font-style:normal;font-display:swap}@font-face{font-family:esmeraldagroterk;src:url(../fonts/esmeraldagroterk.woff)format('woff');font-style:normal;font-display:swap}body{line-height:1.2;font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;color:#4c4c4c}p{font-weight:400;color:#4c4c4c;font-size:18px;line-height:1.3;font-family:Montserrat,sans-serif}h1,h2,h3,h4,h5,h6{color:#000;font-family:playfair display,serif;line-height:1.2}h1,.h1{font-size:65px}h2,.h2{font-size:60px}h3,.h3{font-size:40px}@media(max-width:991px){h1,.h1{font-size:50px}h2,.h2{font-size:45px}h3,.h3{font-size:35px}p,.p{font-size:20px}}@media(max-width:768px){h1,.h1{font-size:40px}h2,.h2{font-size:35px}h3,.h3{font-size:25px}p,.p{font-size:20px}footer,.footer{font-size:10px}}h4,.h4{font-size:22px}h5,.h5{font-size:18px}h6,.h6{font-size:14px}a{color:#000}.btn{font-size:22px;font-family:playfair display,serif;text-transform:capitalize;padding:16px 44px;border-radius:5px;font-weight:600;border:0;position:relative;z-index:1;transition:.2s ease}.btn:focus{outline:0;box-shadow:none !important}.btn:active{box-shadow:none}.btn-sm{font-size:15px;padding:10px 30px}.btn-xs{padding:5px 10px;font-size:15px}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary.active{opacity:.8}.btn-primary:active{background:var(--primary-color) !important}.btn-primary:hover{background:var(--primary-color)}.btn-primary.focus,.btn-primary.active{background:var(--primary-color) !important;box-shadow:none !important}.btn-transparent{background:0 0;color:var(--primary-color);font-weight:700}.btn-transparent:active,.btn-transparent:hover{color:var(--primary-color)}body{background-color:#fff;overflow-x:hidden}::selection{background:var(--primary-color);color:#fff}.whitepreloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999999;display:flex;align-items:center;justify-content:center}ol,ul{list-style-type:none;margin:0}img{vertical-align:middle;border:0}a,a:hover,a:focus{text-decoration:none}a,button,select{cursor:pointer;transition:.2s ease}a:focus,button:focus,select:focus{outline:0}a.text-dark:hover{color:var(--primary-color) !important}a:hover{color:var(--primary-color);text-decoration:underline}.slick-slide{outline:0}.section{padding-top:80px;padding-bottom:80px}.section-title{margin-bottom:80px;font-family:bwnistaint-xbd}.bg-cover{background-size:cover;background-position:50%;background-repeat:no-repeat;background-color:#f2f2f2}.overlay{position:relative}.overlay::before{position:absolute;content:'';height:100%;width:100%;top:0;left:0;background:#000;opacity:.5}.outline-0{outline:0 !important}.d-unset{display:unset !important}.bg-primary{background:var(--primary-color) !important}.bg-gray{background:#eaeaea !important}.text-primary{color:var(--primary-color) !important}.text-color{color:#4c4c4c}.text-dark{color:#000 !important}.text-light{color:#999 !important}.mb-10{margin-bottom:10px !important}.mb-20{margin-bottom:20px !important}.mb-30{margin-bottom:30px !important}.mb-40{margin-bottom:40px !important}.mb-50{margin-bottom:50px !important}.mb-60{margin-bottom:60px !important}.mb-70{margin-bottom:70px !important}.mb-80{margin-bottom:80px !important}.mb-90{margin-bottom:90px !important}.mb-100{margin-bottom:100px !important}.zindex-1{z-index:1}.rounded-lg{border-radius:15px}.overflow-hidden{overflow:hidden}.font-primary{font-family:Montserrat,serif !important}.font-secondary{font-family:playfair display,serif !important}.font-tertiary{font-family:KharkivTone !important;line-height:2}.shadow{box-shadow:0 18px 39.1px 6.9px rgba(224,241,255,.34) !important}.bg-dark{background-color:#222 !important}.icon{font-size:45px}.icon-bg{height:100px;width:100px;line-height:100px;text-align:center}.icon-light{color:#c8d5ef}.slick-dots{text-align:center;padding-left:0}.slick-dots li{display:inline-block;margin:2px}.slick-dots li.slick-active button{background:#fff;width:25px}.slick-dots li button{height:6px;width:12px;background:rgba(255,255,255,.5);color:transparent;border-radius:10px;overflow:hidden;transition:.2s ease;border:0}.form-control{border:0;border-radius:0;border-bottom:1px solid #c7c7c7;height:60px}.form-control:focus{border-color:var(--primary-color);outline:0;box-shadow:none !important}textarea.form-control{height:120px}.card{border:0}.card-header{border:0}.card-footer{border:0}.navigation{padding:40px 130px;transition:padding .3s ease,background-color .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease,border-bottom .3s ease;background-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid transparent}.navigation.nav-bg{padding:15px 100px;background-color:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #000}@media(max-width:991px){.navigation.nav-bg{margin:15px 20px;background-color:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #000}}@media(max-width:991px){.navigation{padding:20px 5px !important;margin:20px;outline:#000}.navbar{align-items:center}.navbar-brand{display:flex;align-items:center;padding-top:0;padding-bottom:0;margin-right:auto;min-height:26px}.navbar-brand p.font-tertiary{margin:0;padding:0;line-height:26px;display:inline-block;vertical-align:middle}.navbar-toggler{display:flex;align-items:center;justify-content:center;height:26px;padding:4px 8px;margin:0}.navbar-collapse{background-color:rgba(255,255,255,.5);border:solid #000 1px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);will-change:backdrop-filter,opacity,height;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased}.navbar-collapse.show,.navbar-collapse.collapsing{background-color:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navbar-collapse.collapsing{transition:height .35s ease}@supports(backdrop-filter:blur(1px)){.navbar-collapse{isolation:isolate}}}.navbar .nav-item .nav-link{font-family:esmeraldagroterk;text-transform:uppercase;margin:15px}.navbar .nav-item.active .nav-link:after{content:'';position:absolute;width:100%;transform:scaleX(1);height:1.6px;bottom:12px;left:0;background-color:#000;overflow:hidden}.navbar .nav-item.active .nav-link{color:#000 !important}.navbar-light .navbar-nav .nav-link{color:#000}.navbar-light .navbar-nav .nav-link:hover{color:#000}.navbar-dark .navbar-nav .nav-link{color:#000}.navbar-dark .navbar-nav .nav-link:hover{color:#000}.navbar-brand,.navbar-brand *{color:#000 !important}.navbar-toggler{border:none !important;box-shadow:none !important;padding:4px 8px}.navbar-toggler:focus,.navbar-toggler:active,.navbar-toggler:focus-visible,.navbar-toggler:focus:active,.navbar-toggler:not(:disabled):not(.disabled):active,.navbar-toggler:not(:disabled):not(.disabled):active:focus{outline:none !important;box-shadow:none !important;border:none !important}.custom-hamburger{display:flex;flex-direction:column;justify-content:space-around;width:24px;height:18px;background:0 0;border:none;cursor:pointer;padding:0;z-index:10}.hamburger-line{width:100%;height:2px;background-color:#000;border-radius:2px;transition:all .3s ease;transform-origin:center}.navbar-toggler[aria-expanded=true] .hamburger-line:nth-child(1){transform:rotate(45deg)translate(6px,6px)}.navbar-toggler[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0;transform:translateX(-10px)}.navbar-toggler[aria-expanded=true] .hamburger-line:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.navbar-toggler:hover .hamburger-line{background-color:#333}.hero-area{padding:200px 0 0;position:relative}@media(max-width:767px){.hero-area{padding:170px 0 150px;overflow:hidden}}.hero-area h1,h2,h3,p{position:relative;z-index:2}.hero-area footer{z-index:1}.layer{position:absolute;z-index:1}#l1{bottom:0;left:0}#l2{top:190px;left:-250px}#l3{top:200px;left:40%}#l4{top:200px;right:40%}#l5{top:100px;right:-150px}#l6{bottom:-50%;left:-15%}#l7{top:10%;left:10%}#l8{bottom:160px;right:45%}#l9{bottom:100px;right:-10px}.layer-bg{position:absolute;bottom:0;left:0}.progress-wrapper{height:130px;overflow:hidden}.wave{position:absolute;width:100%;height:100%}.wave::before,.wave::after{content:'';position:absolute;width:800px;height:800px;bottom:0;left:50%;background-color:rgba(255,255,255,.4);border-radius:45%;transform:translateX(-50%)rotate(0);animation:rotate 6s linear infinite;z-index:10}.wave::after{border-radius:47%;background-color:rgba(255,255,255,.9);transform:translateX(-50%)rotate(0);animation:rotate 10s linear -5s infinite;z-index:20}@keyframes rotate{50%{transform:translateX(-50%)rotate(180deg)}100%{transform:translateX(-50%)rotate(360deg)}}.edu-bg-image{position:absolute;left:0;top:-300px;z-index:-1}.hover-bg-primary{transition:.3s ease}.hover-bg-primary:hover{background:var(--primary-color)}.hover-bg-primary:hover *{color:#fff}.active-bg-primary{transition:.3s ease;background:var(--primary-color)}.active-bg-primary *{color:#fff}.hover-shadow{transition:.2s ease}.hover-shadow:hover{box-shadow:0 18px 40px 8px rgba(224,241,255,.54) !important}.hover-wrapper{overflow:hidden}.hover-wrapper img{transition:.3s ease;transform:scale(1.1)}.hover-wrapper:hover img{transform:scale(1)}.hover-wrapper:hover .hover-overlay{opacity:1;visibility:visible}.hover-overlay{position:absolute;height:100%;width:100%;border-radius:inherit;top:0;left:0;background:rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:.3s ease}.hover-content{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;text-align:center}.testimonial-content strong{color:#2bfdff;font-weight:400}.testimonial-bg-shapes .container{position:relative;z-index:1}.testimonial-bg-shapes .bg-map{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.testimonial-bg-shapes .bg-shape-1{position:absolute;left:100px;top:-50px}.testimonial-bg-shapes .bg-shape-2{position:absolute;right:150px;top:50px}.testimonial-bg-shapes .bg-shape-3{position:absolute;right:50px;top:200px}.testimonial-bg-shapes .bg-shape-4{position:absolute;left:100px;bottom:200px}.testimonial-bg-shapes .bg-shape-5{position:absolute;right:200px;bottom:-50px}.footer-section{padding-top:5 px}.footer-section>div{padding-right:3rem !important}.footer-text{font-size:14px}@media(max-width:768px){.footer-text{font-size:13px}}@media(max-width:576px){.footer-text{font-size:12px}}.footer-section a{color:#fff}.footer-bottom a{color:#999;text-decoration:underline}.footer-section a:hover{color:#fff;text-decoration:underline}.section-on-footer{margin-bottom:-250px}.shadow-down{position:relative}.shadow-down::before{position:absolute;content:'';box-shadow:0 0 80.75px 14.25px rgba(224,241,255,.34);height:100%;width:100%;left:0;top:0;z-index:-1}.card-lg{flex-direction:row-reverse;align-items:center}@media(max-width:991px){.card-lg{flex-direction:column}}blockquote{display:inline-block;padding:10px 20px;background:#eaeaea;border-left:2px solid var(--primary-color);font-style:italic;font-size:22px}.content *{margin-bottom:20px}.content strong{font-family:playfair display,serif;font-size:22px;font-weight:400;color:#000;display:inherit;line-height:1.5}.page-title-alt{padding:350px 0 70px}.border-thick{border:10px solid}.drag-lg-top{margin-top:-230px}@media(max-width:991px){.drag-lg-top{margin-top:0}}.page-title-alt .container{position:relative;z-index:1}.page-title-alt .bg-shape-1{position:absolute;left:0;top:0;height:100%}.page-title-alt .bg-shape-2{position:absolute;left:70px;top:100px}.page-title-alt .bg-shape-3{position:absolute;left:30%;top:50px;transform:rotate(180deg)}.page-title-alt .bg-shape-4{position:absolute;left:100px;bottom:100px}.page-title-alt .bg-shape-5{position:absolute;left:40%;bottom:-25px}.page-title-alt .bg-shape-6{position:absolute;bottom:100px;right:-100px}.page-title{padding:250px 0 150px}.page-title .container{position:relative;z-index:1}.page-title .bg-shape-1{position:absolute;left:0;top:0;height:100%}.page-title .bg-shape-2{position:absolute;left:-20px;top:-10px}.page-title .bg-shape-3{position:absolute;left:10%;top:100px}.page-title .bg-shape-4{position:absolute;left:50%;top:-20px}.page-title .bg-shape-5{position:absolute;left:90px;bottom:-50px;transform:rotate(180deg)}.page-title .bg-shape-6{position:absolute;right:20%;bottom:-20px}.page-title .bg-shape-7{position:absolute;right:-220px;bottom:-100px}.filter-controls li{cursor:pointer}.filter-controls li.active{font-weight:700}.social-icons a{height:100px;width:100px;line-height:100px;border-radius:50%;display:block}.social-icons:hover{color:var(--primary-color) !important}.social-icons a img{transition:filter .15s ease-in-out}.social-icons a:hover img{filter:invert(37%)sepia(100%)saturate(7495%)hue-rotate(1deg)brightness(107%)contrast(107%)}img.social-icons{transition:filter .15s ease-in-out}a:hover img.social-icons{filter:invert(37%)sepia(100%)saturate(7495%)hue-rotate(1deg)brightness(107%)contrast(107%)}.social-icons-white{-webkit-filter:invert(100%);filter:invert(100%);width:20px;height:auto}.social-icons-white:hover{width:25px;height:auto;transition:.1s ease-in-out}.project-meta{display:flex;align-items:center}.project-meta i{height:100px;min-width:100px;line-height:100px;background-color:#fff;color:var(--primary-color);border-radius:50%;text-align:center;display:block;box-shadow:0 18px 39.1px 6.9px rgba(224,241,255,.34);font-size:30px}.project-meta h4{font-weight:700;font-size:24px}.project-meta p{margin-bottom:0}.hover-underline-animation{display:inline-block;position:relative;margin:auto}.hover-underline-animation:after{content:'';position:absolute;width:100%;transform:scaleX(0);height:1.6px;bottom:12px;left:0;background-color:#000;transform-origin:bottom right;transition:transform .25s ease-out}.hover-underline-animation:hover:after{transform:scaleX(1);transform-origin:bottom left}.bg-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(5px)}.poem-container{position:relative;z-index:100 !important}.poem-link{position:relative;display:inline;color:#000 !important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;transition:color .3s ease;z-index:101 !important;cursor:pointer;font-family:inherit !important;font-size:inherit !important;line-height:inherit !important;pointer-events:auto !important}.poem-link:hover{color:var(--primary-color)}.poem-tooltip{position:fixed;top:50%;right:5%;transform:translateY(-50%);background-color:rgba(255,255,255,.98);color:#000;text-align:left;padding:30px;border-radius:0;white-space:pre-wrap;font-family:Montserrat,sans-serif;font-size:18px;line-height:2;width:400px;max-width:90vw;z-index:10000 !important;pointer-events:none;opacity:0;visibility:hidden;display:none;left:auto;transition:opacity .3s ease,visibility .3s ease}.poem-container:hover .poem-tooltip,.poem-link:hover~.poem-tooltip,.poem-link:hover+.poem-tooltip{opacity:1;visibility:visible;display:block}@media(max-width:768px){.poem-tooltip{right:2%;width:calc(100vw - 4%);max-width:400px;font-size:16px;padding:20px}}.blinking-cursor{color:#f60;font-weight:700;animation:fluorescent-flash 2s infinite;display:inline-block;text-shadow:0 0 8px #f60,0 0 15px #f60,0 0 25px #f60,0 0 35px #f60,0 0 45px #f60;filter:brightness(1.3)}@keyframes fluorescent-flash{0%,100%{color:#f60;opacity:1;text-shadow:0 0 8px #f60,0 0 15px #f60,0 0 25px #f60,0 0 35px #f60,0 0 45px #f60;filter:brightness(1.3)}25%{color:#f60;opacity:0;text-shadow:none;filter:brightness(1)}50%{color:#f80;opacity:1;text-shadow:0 0 12px #f60,0 0 20px #f60,0 0 30px #f60,0 0 40px #f60,0 0 50px #f60,0 0 60px #f60;filter:brightness(1.6)}75%{color:#f60;opacity:0;text-shadow:none;filter:brightness(1)}}