.home-page{display:flex;flex-direction:column;box-sizing:border-box}.Background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:-1}.home-page-box{position:relative;display:flex;flex-direction:column;height:100vh;width:auto}.home-page-text-wrapper{padding-top:28%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.TripTogether-home-page{width:350px;height:auto;z-index:1}.create-session-wrapper{display:flex;width:100%;height:65%;padding-top:10px;flex:1;align-items:center;justify-content:center}.create-session-button{display:flex;width:26%;height:55%;font-size:20px;font-weight:700;border-radius:10px;background-color:#000;color:#fff;transition:box-shadow .3s ease;align-items:center;justify-content:center}.create-session-button:hover{box-shadow:0 0 10px #000}.join-session-wrapper{display:flex;width:100%;height:100%;flex:1;align-items:center;justify-content:center}.join-session-button{display:flex;width:26%;height:55%;font-size:20px;font-weight:700;border-radius:10px;background-color:#000;color:#fff;transition:box-shadow .3s ease;margin-bottom:5%;align-items:center;justify-content:center}.join-session-button:hover{box-shadow:0 0 10px #000}.create-session-page-box{height:100vh;width:auto;display:flex;flex-direction:column}.create-session-header{display:flex;align-items:center;justify-content:center;padding:30px}.fill-box{flex:1}.TripTogether-create-session-page{width:200px;height:auto;z-index:1}.create-session-form-wrapper{display:flex;flex:1;align-items:center;justify-content:center}.create-session-form{background-color:#fff;height:95%;width:80%;border-radius:10px;margin-bottom:5%;box-shadow:0 4px 6px #00000056;display:flex;flex-direction:column;align-items:center;justify-content:center}.form-header{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:50px;padding:2% 5% 0}.choose-username-text,.choose-destination-text{font-weight:700;font-size:17px}.roomPass-date-text{display:flex;flex-direction:row;gap:35px}.room-pass-text,.date-text{font-weight:700;font-size:17px}.from-to-text{display:flex;flex-direction:row;gap:20px}.user-pass-text{font-weight:700;font-size:17px}.getSubmission{align-items:center;font-weight:700;font-size:large;display:flex;justify-content:center;width:30%;height:9%;margin:3% 13% 2% 70%;background-color:#4cada4;border-radius:20px;color:#fff;transition:box-shadow .3s ease}.getSubmission:hover{box-shadow:0 0 10px #1d6e5c}.session-code-wrapper{display:flex;width:100%;height:65%;padding-top:10px;flex:1;align-items:center;justify-content:center}.session-code{background-color:#de93c5;height:95%;width:80%;border-radius:10px;margin-bottom:5%;box-shadow:0 4px 6px #00000056;display:flex;flex-direction:column;align-items:center}.session-code-page-box{height:100vh;width:auto;display:flex;flex-direction:column}.session-code-text{font-weight:700;font-size:3rem;padding:2% 5% 0;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:7%}.go-to-map-button{background-color:#f19459;height:39%;width:23%;border-radius:100%;margin-left:50%;margin-top:13%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 10px #00000056}.go-to-map-text{font-weight:700;font-size:25px;color:#fff;margin-top:10%}.go-to-map-text-little{font-weight:700;font-size:13px;color:#422500}.map-page{display:flex;flex-direction:column;box-sizing:border-box}.display-map-buttons{display:flex;flex-direction:row;gap:15px}.first-map-button{display:flex;background-color:#ea7bc5;height:45px;width:250px;margin-left:10%;margin-top:5%;border-radius:10px;box-shadow:0 4px 6px #00000056;text-align:center;align-items:center;justify-content:center;font-weight:700;color:#fff}.second-map-button{display:flex;background-color:#ea7bc5;height:45px;width:250px;margin-top:5%;border-radius:10px;box-shadow:0 4px 6px #00000056;text-align:center;align-items:center;justify-content:center;font-weight:700;color:#fff}.first-map-button:hover,.second-map-button:hover{box-shadow:2px 5px 10px #874672}.pop-up-map{position:absolute;top:20px;left:80%;transform:translate(-50%);background-color:#fff;padding:20px;box-shadow:0 4px 6px #0000001a;z-index:10px;width:300px}.close-pop-up{position:absolute;top:5px;right:5px;background-color:#000;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;display:flex}.pop-up-information{display:flex;flex-direction:column;font-size:17px;justify-content:center}.add-to-itinerary{display:flex;height:50px;width:200px;background-color:#57a6bd;border-radius:10px;margin-left:33%;margin-top:5%;text-align:center;justify-content:center;align-items:center;color:#fff;font-weight:700}.day-grid-item{padding:20px;margin:10px;background-color:#fff;box-shadow:0 4px 6px #0000001a}.activity-card{margin-bottom:15px;padding:10px;background-color:#f9f9f9;border-radius:5px}.itinerary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.day-grid-item h3{font-size:18px;margin-bottom:10px}.activities-list{margin-top:10px}.activity-card{background-color:#f9f9f9;padding:10px;margin-bottom:10px;border-radius:5px;box-shadow:0 1px 5px #0000001a}.activity-card h4{font-size:16px;margin:0 0 5px}.activity-card p{margin:5px 0}@media (max-width: 768px){.itinerary-grid{grid-template-columns:1fr}}.background-activities{position:fixed;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;margin:0;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:-1}.trip-itinerary-box{min-height:100%;padding:20px}