.tile{display:flex;flex-direction:column;width:360px;height:376px;background:white;color:black;border-radius:15%;margin:20px;overflow:hidden}.tile:hover{box-shadow:0 0 20px rgba(255,255,255,.6)}.proj-title{margin-top:5px;font-size:25px}.desc,.proj-title{display:flex;justify-content:center}.desc{margin:5px;padding:5px;height:155px}.tile-img{overflow:hidden;height:170px;width:360}.pic,.tile-img{display:flex;justify-content:center}.pad{margin-left:15px;margin-right:15px}.interest-tile{display:flex;width:300px;min-height:45px;margin-bottom:12px;margin-right:5px;margin-left:5px;padding:3px;background:aliceblue;color:black;border-radius:15px;font-size:18px}.interest-tile:hover{transform:translateX(15px)}.interest-tile-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:50px}.map-container{display:flex;flex-direction:column;margin-top:40px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);justify-content:center;z-index:1000}.modal-content,.modal-overlay{display:flex;align-items:center}.modal-content{flex-direction:column;background-color:white;color:black;height:90vh;width:50vw;padding:20px;border-radius:8px;position:relative;max-width:900px}.modal-close{position:absolute;top:10px;right:10px;padding:4px;cursor:pointer;font-size:35px;color:red}.modal-close img{width:50px}.modal-title{font-size:30px}.display{flex:1;margin:1rem 0;overflow:hidden}.display,.modal-footer{display:flex;justify-content:center;align-items:center;width:100%}.modal-footer{margin:10px;padding:10px}.modal-footer .prev-btn img{width:50px;height:50px}.modal-image-link{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.modal-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.toast-container{position:fixed;top:20px;left:50%;transform:translateX(-50%);background-color:#eeeb4d;color:rgb(0,0,0);padding:12px 20px;border-radius:8px;z-index:1000;animation:fadeInOut 3s forwards}.toast-message{font-size:16px}@keyframes fadeInOut{0%{opacity:0;top:0}10%{opacity:1;top:20px}90%{opacity:1;top:20px}to{opacity:0;top:0}}@media (max-width:768px){.modal-content{width:95vw;height:80vh;padding:10px}.modal-title{font-size:22px}.modal-close img{width:30px}.modal-footer{margin:5px;padding:5px}.modal-footer p{font-size:14px}.modal-footer .prev-btn img{width:40px;height:40px}.display{margin:.5rem 0}.modal-image-link{pointer-events:none;cursor:default}}@media (prefers-color-scheme:light){.tile{border:2px solid black}.tile:hover{box-shadow:0 0 20px rgba(0,0,0,.6)}.interest-tile{background:black;color:white}}