body{height:auto}.mediuminfo-container-header{z-index:0;background:#259be9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:200px;margin:0;display:flex;position:relative;box-shadow:0 8px 24px #959da533}.mediuminfo-container-header:before{content:"";z-index:-1;background-image:url(../media/header-cover-image.10ifblz6uvmr1.svg);width:100%;height:400px;position:absolute;bottom:-400px;transform:scaleY(-1)}.projectinfo-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1;background:0 0;flex-direction:column;width:90%;max-width:1050px;margin-top:-80px;padding:20px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.projectinfo-backimg,.projectinfo-closeimg{cursor:pointer;border-radius:50%;width:20px;padding:13px;transition:all .5s;position:absolute;top:10px}.projectinfo-backimg{left:10px}.projectinfo-closeimg{right:10px}.projectinfo-name-container{justify-content:space-between;align-items:center;width:100%;display:flex}.projectinfo-live-link{color:#fff;background:#000;border-radius:20px;justify-content:space-between;width:50px;padding:10px 15px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.projectinfo-name{color:#222121;margin:5px 0;font-size:50px;font-weight:600}.projectinfo-languages{gap:15px;margin:20px 0;display:flex}.projectinfo-languages .each-language{color:#464545;text-align:center;text-transform:uppercase;background:#f3f2f2;border-radius:20px;margin-top:-10px;padding:8px 14px;font-size:13px;font-weight:500}.projectinfo-detail,.project-each-info{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:20px;display:flex}.project-each-info img,.project-each-info video{border-radius:3px;width:100%;height:auto;margin-bottom:10px}.project-each-info .projectinfo-detail-text{text-align:left;color:#464545;width:100%;margin-bottom:20px;font-size:14px;font-weight:500}@media screen and (max-width:768px){.projectinfo-container{width:90%;margin-top:-60px}.project-each-info img,.project-each-info video{width:100%;height:auto}}@media screen and (max-width:480px){.projectinfo-container{width:85%;margin-top:-50px}.projectinfo-name{font-size:30px}}