.portfolio-card{padding:1rem;border:1px solid #3f3f3f;border-radius:3.7rem;cursor:pointer;margin-bottom:16rem}.portfolio-card .card-inner{overflow:hidden;border:2px solid #3f3f3f;border-radius:2.7rem;padding:3.6rem 5.3rem 0;background:hsla(0,0%,100%,.06);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(8.1px);-webkit-backdrop-filter:blur(8.1px);border:1px solid hsla(0,0%,100%,.3);display:flex;flex-direction:column;gap:7.5rem}.portfolio-card .card-inner h2{font-size:2.5rem;font-weight:400}.portfolio-card .card-inner h2 span{font-size:2.5rem;font-weight:400;color:#8e8e8e}.portfolio-card .card-inner p{font-size:1.5rem;font-weight:400}.portfolio-card .card-inner .bottom{display:flex;justify-content:center;position:relative;height:60rem}.portfolio-card .card-inner .bottom .browser{position:absolute;bottom:-5rem;border:1px solid #3f3f3f;width:93.5rem;height:60rem;box-shadow:0 0 50.5px 4px #ffffff0b;border-radius:1.4rem 1.4rem 0 0;transition:all .35s;background:#191919}.portfolio-card:hover .bottom .browser{bottom:0;box-shadow:0 0 152.5px 4px #ffffff17}.portfolio-card .bottom .browser .browser-top{height:7rem;width:100%;display:flex;flex-direction:column}.portfolio-card .bottom .browser .browser-top .tab-section{display:flex;gap:1.7rem;height:3.8rem;padding-left:1.2rem}.portfolio-card .bottom .browser .browser-top .tab-section .btns{display:flex;gap:1rem;align-items:center}.portfolio-card .bottom .browser .browser-top .tab-section .btns span{height:1rem;width:1rem;border-radius:20rem;display:block}.portfolio-card .bottom .browser .browser-top .tab-section .btns .red{background:#e81c1c;box-shadow:0 0 14.5px 0 #e81c1c4d}.portfolio-card .bottom .browser .browser-top .tab-section .btns .orange{background:#e8741c;box-shadow:0 0 14.5px 0 #e8741c4d}.portfolio-card .bottom .browser .browser-top .tab-section .btns .green{box-shadow:0 0 14.5px 0 #1fd6194d;background:#1fd619}.portfolio-card .bottom .browser .browser-top .tab-section .tab{width:20.3rem;height:3.2rem;background:#2c2c2c;border-radius:.6rem .6rem 0 0;margin-top:.8rem;position:relative}.portfolio-card .bottom .browser .tab-options{height:3.2rem;background:#2c2c2c}