.project-about{background-color:var(--beige);position:absolute;top:0;left:0}.project-about-info{display:flex;justify-content:center;column-gap:20px}.project-about-info>div>p{font-size:max(1.5vw,20px)}.project-about-info>div{width:45%}.project-about-info>div:first-child{display:flex;flex-direction:column;row-gap:10px}.project-about-info ul{display:flex;flex-wrap:wrap;row-gap:10px;list-style-type:none;justify-content:flex-start;column-gap:10px;margin:0;padding:0}.project-about-info li{padding:10px;background-color:var(--light-gray);border-radius:20px;width:80px;text-align:center;font-size:15px}.project-about-info a{background-color:var(--warm-gray);color:#fff;text-decoration:none;padding:10px;font-weight:700;font-size:max(20px,2vw);display:flex;align-items:center;justify-content:space-between;width:max(40%,150px);height:4vw;border-radius:5px;margin-bottom:20px}.project-about-info a:hover{background-color:gray}.project-about h3{font-size:max(3vw,20px);margin-left:4%}.current-image{position:relative;width:45vw;height:25vw;background-size:cover;border:1px solid #e3e3e3;margin-bottom:5px;animation:opacity-change1 2s forwards}.actual-image{opacity:.5}.actual-image:hover{opacity:1}@keyframes opacity-change1{0%{opacity:0}to{opacity:1}}.current-image-transition{position:absolute;top:0;left:0;width:100%;height:100%;animation:opacity-change2 1s forwards;background-color:#fff}@keyframes opacity-change2{0%{opacity:0}25%{opacity:1}to{opacity:0}}.selected-preview{border:2px solid #fff;opacity:1}.preview-images{display:flex;overflow:hidden;column-gap:10px;width:100%;animation:opacity-change1 1s forwards}.preview-item{position:relative;left:0;animation:border 1s linear}.preview-control{display:flex;justify-content:space-around;column-gap:10px;width:100%}.preview-control button{background-color:var(--muted-teal);border:0;padding:10px;font-size:20px;font-family:Courier New,Courier,monospace;font-weight:700;z-index:1}.preview-control button:hover{background-color:#85c4c4}.preview-control button:active{background-color:var(--muted-teal)}.actual-image,.image-placeholder{width:100%;height:8vw;background-color:#d4d4d4}.project-exit{position:absolute;top:10px;right:50px;width:50px;height:50px;border-radius:50%;font-family:Courier New,Courier,monospace;border:1px solid #ddd}.project-exit:hover{background-color:#ddd}.project-about-info>p{font-size:max(2vw,18px)}@media screen and (max-width:1000px){.current-image{width:90vw;height:50vw;background-size:cover;border:1px solid #e3e3e3;margin-bottom:5px}.project-about{margin:0;padding:0}.project-about-info{flex-direction:column;align-items:center}.project-about-info>div,.project-about-info>p{width:90%}.project-about-info a{width:200px}.actual-image,.image-placeholder{height:15vw}.project-exit{top:5px;right:5px;height:30px;width:30px}}