*{box-sizing:border-box}h1,h2,h3,h4{color:#faeee0;font-family:"Lora", sans-serif;text-align:center}p,a,img,select{color:#faeee0;font-family:"Cormorant Garamond", sans-serif;font-size:25px}body{background-color:#3f3f42}h1{font-size:40px;padding:40px 5px}@media (min-width: 750px){h1{font-size:45px}}@media (min-width: 823px){h1{font-size:60px}}@media (min-width: 1235px){h1{font-size:75px}}.container{text-align:center;max-width:90vw;margin:0 auto}.container-box{max-width:90vw}@media (min-width: 823px){.container-box{width:720px}}@media (min-width: 1235px){.container-box{width:1080px}}@media (min-width: 1645px){.container-box{width:1440px}}button{font-family:"Lora", sans-serif;margin:0 auto;padding:5px;border:1px solid grey;border-radius:3px}button:hover{cursor:pointer;background-color:#d0d0d7}.btn-bigger{font-size:20px}#randomiser{padding:10px}.album-slide .remove-default{margin-top:7px;opacity:0}.album-slide:hover .remove-default{opacity:1}.album-slide:hover .maximise-album-photo{opacity:1}#carousel-sect{min-height:900px;text-align:center}.slide{height:360px;width:360px;margin:10px 5px;background-color:#faeee0;padding:20px 10px 40px;box-shadow:-6px 6px 4px #0d0d0e}.slide img{width:300px;border-top:20px solid #faeee0;border-right:10px solid #faeee0;border-bottom:10px solid #faeee0;border-left:10px solid #faeee0}.slide .add-default{display:none;font-size:15px}.slide:hover .add-default{display:block}.slide:hover .maximise-photo{display:inline}#random-photo-carousel{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 auto}.slide-max{box-shadow:none;background-color:rgba(0,0,0,0)}.slide-default{padding:0;background-color:#faeee0}#slide-three,#slide-four,#slide-five,#slide-six,#slide-seven,#slide-eight{display:none}@media (min-width: 750px){#slide-three,#slide-four{display:initial}}@media (min-width: 1235px){#slide-five,#slide-six{display:initial}}@media (min-width: 1645px){#slide-seven,#slide-eight{display:initial}}.img-wrapper-default{height:auto;width:auto}.img-wrapper-click{display:flex;justify-content:center;align-items:center;flex-direction:column;width:400px;position:fixed;top:calc(50% + 30px);left:50%;transform:translate(-50%, -50%);z-index:6;opacity:1}.img-wrapper img{transition:transform 1s ease, border-width 1.5s ease;opacity:1}.img-wrapper img.random-photo-max{z-index:20;transform:scale(1.4);opacity:1;transition:transform 1s ease}@media (min-width: 550px){.img-wrapper img.random-photo-max{transform:scale(1.9)}}@media (min-width: 750px){.img-wrapper img.random-photo-max{transform:scale(2.3)}}.slide img.random-photo-max{border-top:20px solid #faeee0;border-right:20px solid #faeee0;border-bottom:40px solid #faeee0;border-left:20px solid #faeee0;opacity:1}.add-large{opacity:0;position:relative;z-index:21;bottom:-20px;height:35px;width:200px;font-size:15px}@media (min-width: 550px){.add-large{font-size:18px;bottom:-80px;height:40px;width:226px}}@media (min-width: 750px){.add-large{font-size:18px;bottom:-130px;height:40px;width:226px}}@media (min-width: 823px){.add-large{font-size:25px;bottom:-125px;height:70px;width:350px}}.img-wrapper-click:hover .add-large{opacity:1}.maximise-photo{position:relative;display:none;bottom:70px;left:127px;margin:0;padding:0;z-index:5}.photo{transition:scale 1s ease;opacity:1}.photo:hover{cursor:pointer}#popup{background-color:white;transition:top 2s ease-in-out;width:80vw;position:fixed;left:50%;transform:translateX(-50%);height:190px;padding:30px auto}.popup-hidden{top:-190px}.popup-error{z-index:102;top:0}#popup-text{text-align:center;font-size:30px;font-family:"Cormorant Garamond", sans-serif;color:black;padding:60px 5px}@media (min-width: 750px){#popup-text{font-size:40px;padding:40px 5px}}.hidden{position:absolute;width:0;height:0;padding:0;margin:-2px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(100%);border:0;white-space:nowrap}#form-container{text-align:center;width:360px;font-size:20px}@media (min-width: 823px){#form-container{width:668px}}#email-dropdown,#add-email input{width:100%;height:50px;margin-left:-4px;font-family:"Lora", sans-serif}#email-dropdown{color:#3f3f42;margin:15px 0}@media (min-width: 823px){#email-dropdown{width:670px;margin-left:-2px}}#add-email{display:flex;flex-direction:row;justify-content:center;margin-top:15px;margin-bottom:10px}#add-email input{margin-left:-2px}#email-submit,#email,#email-dropdown{display:inline-block;min-height:37px;padding:8px 10px;font-family:"Lora", sans-serif;font-size:15px;padding:5px;border:1px solid grey;border-radius:3px}.success{box-shadow:inset 2px 2px 2px green}.error{box-shadow:inset 2px 2px 2px red,
 inset -2px -2px 2px red}#current-email{z-index:3;font-size:25px;text-align:center;padding:10px;text-wrap:wrap}@media (min-width: 823px){#current-email{font-size:40px}}#popup-delete{width:360px;background-color:white;padding:5px;text-align:center;margin:2px auto}.popup-delete-default{display:none}.popup-delete-show{display:block}#you-sure{padding:5px;color:black}.delete-btn-default{display:none}.delete-btn-hidden{display:none}#confirm-delete{background-color:#f15858;color:#5f0404}#confirm-delete,#cancel-delete{width:60px;margin:5px 10px}.open-book{background:#fff;box-shadow:rgba(0,0,0,0.5) 0 1em 3em;color:#000;max-width:90vw;margin-right:0}@media (min-width: 823px){.open-book{width:720px;margin-left:-6px}}@media (min-width: 1235px){.open-book{width:1080px;margin-left:0}}@media (min-width: 1645px){.open-book{width:1440px}}@media (min-width: 823px){.open-book{position:relative;display:flex;flex-wrap:wrap}.open-book:before{background-color:#8B4513;border-radius:0.25em;bottom:-1em;content:'';left:-1em;position:absolute;right:-1em;top:-1em;z-index:-1}.open-book:after{background:linear-gradient(to right, transparent 0%, rgba(0,0,0,0.2) 46%, rgba(0,0,0,0.5) 49%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.5) 51%, rgba(0,0,0,0.2) 52%, transparent 100%);bottom:-1em;content:'';left:50%;position:absolute;top:-1em;transform:translate(-50%, 0);width:4em;z-index:1}.open-book footer:before,.open-book footer:after{border-top-left-radius:0}.open-book footer:before,.open-book footer:after{border-top-right-radius:0}.open-book footer:after{border-bottom-right-radius:0}.open-book footer:before{border-bottom-left-radius:0}.open-book footer:before{right:50%}.open-book footer:after{left:50%}.open-book footer:before,.open-book footer:after{bottom:-2.65em}.open-book footer:before{transform:rotate(2deg)}.open-book footer:after{transform:rotate(-2deg)}.open-book footer>*:last-child{text-align:right}.open-book footer #page-numbers{display:block}}.album-slide{display:flex;flex-direction:column;transition:width 1s ease, height 1s ease;background-color:#faeee0;padding-top:10px;box-shadow:-6px 6px 4px #262628;justify-content:center;align-items:center;width:225px;height:250px}@media (min-width: 823px){.album-slide{width:250px;height:275px}}.album-slide img{max-width:90%;max-height:90%;transition:width 1s ease, height 1s ease}.album-slide-default{min-width:0;min-height:0}#wrapper{margin-left:auto;margin-right:auto;max-width:360px}@media (min-width: 823px){#wrapper{max-width:740px}}@media (min-width: 1235px){#wrapper{max-width:1112px}}@media (min-width: 1645px){#wrapper{max-width:1475px}}.album-photo-max{z-index:25;transition:transform 1s ease}@media (min-width: 550px){.album-photo-max{transform:scale(2.5)}}@media (min-width: 750px){.album-photo-max{transform:scale(2.8)}}@media (min-width: 823px){.album-photo-max{position:fixed;max-width:740px;top:50%;left:50%;transform:translate(-50%, -50%)}}.maximise-album-photo{position:absolute;opacity:0;bottom:110px;right:50px;margin:0;padding:0;z-index:5}#photo-container{display:grid;flex-direction:column;grid-template-columns:repeat(1, minmax(0, 1fr));grid-template-rows:repeat(3, minmax(0, 1fr));padding:20px 10px 0;height:800px;justify-items:center}@media (min-width: 823px){#photo-container{height:900px;grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:repeat(3, minmax(0, 1fr));gap:10px 5px}}@media (min-width: 823px) and (min-width: 1645px){#photo-container{grid-template-columns:repeat(4, minmax(0, 1fr))}}#album-footer{display:flex;flex-direction:row;justify-content:space-between;height:50px}#previous-page,#next-page,#current-page{z-index:20;margin:5px;align-self:center;max-height:100%;font-family:"Lora", sans-serif}@media (min-width: 823px){#current-page{position:absolute;left:40%}}