@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap";.Details{height:100vh;width:100vw;box-sizing:border-box;padding:1rem;display:flex;position:relative;z-index:1}.BackButton{position:absolute;top:1rem;left:1rem;font-size:1.25rem;z-index:100!important;cursor:pointer}.Details *{box-sizing:border-box;margin:0}.Details .Images{font-family:Montserrat,sans-serif;flex:6;max-height:100vh;margin-top:3rem;overflow-y:auto;padding:.5rem;position:relative;z-index:1}.Details .Images img{border-radius:4px;box-shadow:0 0 6px 1px;max-height:80vh;width:100%;margin:.5rem 0}.Details .DetailsInfo{flex:4;display:flex;flex-direction:column;justify-content:center;max-height:100vh;gap:1rem;padding:1rem;font-family:Montserrat,sans-serif}.ProjectName{font-size:2.5rem}.DetailContainer{display:flex;flex-direction:column;gap:.5rem}.Detail{display:flex;flex-direction:column;gap:.125rem}.Detail span{text-decoration:underline}@media only screen and (max-height: 400px){.Details .DetailsInfo{justify-content:start}.DetailContainer{max-width:300px;flex-wrap:wrap}}.Details .Images::-webkit-scrollbar{width:0px}.Details .Images::-webkit-scrollbar-track{background:#f1f1f1}.Details .Images::-webkit-scrollbar-thumb{background:#888}.Details .Images::-webkit-scrollbar-thumb:hover{background:#555}.progress{width:200px;height:20px;background:#000;border:2px solid #000}.progress>div{width:200px;height:20px;background:red;border:none}*{margin:0;box-sizing:border-box}#root{height:100vh;width:100vw}