*,:after,:before{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;padding-right:0!important;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;background-image:linear-gradient(180deg,#faf1e8,#fff)}.mainContainer{font-family:Delicious Handrawn,cursive;width:100%;height:100vh;background-color:#b8a577}.innerBg{width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.5)),url(/background.jpg) no-repeat;background-size:cover;background-position:50%;animation:landingAnim 4s forwards}@keyframes landingAnim{0%,50%{-webkit-clip-path:polygon(50% 0,70% 0,100% 0,100% 100%,0 100%,0 0,30% 0);clip-path:polygon(50% 0,70% 0,100% 0,100% 100%,0 100%,0 0,30% 0)}to{-webkit-clip-path:polygon(50% 4%,70% 10%,95% 0,95% 87%,5% 100%,5% 15%,31% 10%);clip-path:polygon(50% 4%,70% 10%,95% 0,95% 87%,5% 100%,5% 15%,31% 10%);background-position:bottom}}.outerBg{width:100%;height:100%;background-color:#b8a577;position:absolute;top:0;left:0;z-index:10;transform-origin:top;animation:bgAnim 2s forwards}@keyframes bgAnim{0%,50%{transform:scaleY(1)}to{transform:scaleY(0)}}.aboutContainer{font-family:Delicious Handrawn,cursive;width:700px;height:600px;position:absolute;left:50%;transform:translateX(-50%)}.aboutHeading{position:relative;left:-40rem;font-size:5rem;text-align:center;letter-spacing:.3rem;color:#333;transition:left .75s}.aboutDescription{position:relative;right:-40rem;font-size:1.25rem;margin:4rem 0;color:#333;transition:right .75s}.aboutContainer.changeLeftRight .aboutHeading{left:0}.aboutContainer.changeLeftRight .aboutDescription{right:0}.menu{display:flex;align-items:center;justify-content:space-around;cursor:pointer;pointer-events:none}.menu:hover{pointer-events:auto}.follow,.menuLink{font-size:1rem;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.1rem}.follow{pointer-events:auto}.line{width:3rem;height:4px;position:relative;margin-inline:1rem}.line:after{content:"";position:absolute;left:0;width:0;height:100%;background-color:#333;transition:all .5s}.menu:hover .line:after{width:100%}.menuLink{display:flex}.menuLink p{opacity:0}.menu:hover .menuLink p{opacity:1}.menuLink p{margin-right:2rem}.menuLink :first-child{padding:.5rem;border-radius:15px;transition:all .25s ease-in}.menuLink :first-child:hover{background-color:#4267b2}.menuLink :nth-child(2){padding:.5rem;border-radius:15px;transition:background-color .25s ease-in,opacity .25s ease-in .1s}.menuLink :nth-child(2):hover{background-color:#e1306c}.menuLink :nth-child(3){padding:.5rem;border-radius:15px;transition:background-color .25s ease-in,opacity .25s ease-in .2s}.menuLink :nth-child(3):hover{background-color:#1da1f2}.menuLink :nth-child(4){padding:.5rem;border-radius:15px;transition:background-color .25s ease-in,opacity .25s ease-in .3s}.menuLink :nth-child(4):hover{background-color:red}.galleryContainer{font-family:Delicious Handrawn,cursive;width:100%;min-height:100vh;z-index:100}.gallery{display:grid;grid-template-columns:repeat(8,minmax(10px,1fr));grid-template-rows:repeat(4,10vw);grid-gap:16px;gap:16px;padding:1rem 1rem 0 6rem}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:10px;box-shadow:1px 1px 10px rgba(0,0,0,.5);transition:transform .25s ease-in;cursor:pointer}.gallery img:hover{transform:scale(1.02)}.img1{grid-column:1/3;grid-row:1/2}.img2{grid-column:3/6;grid-row:1/4}.img3{grid-column:6/9;grid-row:1/2}.img4{grid-column:1/2;grid-row:2/5}.img5{grid-row:2/3}.img5,.img6{grid-column:2/3}.img6{grid-row:3/4}.img7{grid-column:2/3}.img7,.img8{grid-row:4/5}.img8{grid-column:3/5}.img9{grid-column:5/6;grid-row:4/5}.img10{grid-column:6/7;grid-row:2/3}.img11{grid-column:7/8;grid-row:2/4}.img12{grid-column:8/9;grid-row:2/3}.img13{grid-column:6/7;grid-row:3/4}.img14{grid-column:8/9;grid-row:3/5}.img15{grid-column:6/8;grid-row:4/5}.flexCenter{display:flex;align-items:center;justify-content:center}.formContainer{display:flex;flex-direction:column;width:500px;min-height:82vh;position:relative;margin-top:3rem;left:50%;transform:translateX(-50%)}.landingPageContainer{z-index:100;position:absolute;top:0;left:0;height:100vh;width:100%;background:linear-gradient(90deg,rgba(136,212,78,.8),rgba(21,189,141,.8)),url(https://images.unsplash.com/photo-1679882779946-240701eeb54f?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80);transition:width .75s ease-out}.landingPageContainer.change{width:5rem;border-radius:0 15rem 25rem 0}.hamburgerMenu{position:fixed;top:1rem;left:1rem;width:25px;height:25px;cursor:pointer}.line1{background-color:#912f0c;height:5px;width:100%;margin-top:2px;transform:rotate(405deg) translateY(4.5px) translateX(7px);transition:all 1s}.line2{opacity:0}.line2,.line3{background-color:#912f0c;height:5px;width:100%;margin-top:3px;transition:all 1s}.line3{transform:rotate(-405deg) translateY(-4.5px) translateX(7px)}.landingPageContainer.change .line1{transform:none}.landingPageContainer.change .line2{transform:none;opacity:1}.landingPageContainer.change .line3{transform:none}.menuItems{width:500px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;text-transform:uppercase;font-weight:700;color:#222;font-size:1.25rem;letter-spacing:7px;transition:left 2s ease-in-out;transition:all .5s ease-out}.landingPageContainer.change .menuItems{left:-1000px}.menuItem1{position:relative;cursor:pointer;left:0;padding:4px 0;opacity:1;transition:all .5s ease-in-out}.item1Container{position:relative;transition:left .5s ease-in-out .25s;left:0}.landingPageContainer.change .item1Container{left:-800px}.landingPageContainer.change .menuItem1{opacity:0}.menuItem1:hover{transform:scale(1.25)}.menuItem1:before{content:"";width:80%;height:3px;background-color:#912f0c;position:absolute;top:0;left:-10px;transition:all .5s;opacity:0;transform-origin:left}.menuItem1:hover:before{opacity:1;left:0}.menuItem1:after{content:"";width:80%;height:3px;background-color:#912f0c;position:absolute;bottom:0;right:-10px;transition:all .5s;opacity:0;transform-origin:right}.menuItem1:hover:after{opacity:1;right:0}.menuItem2{position:relative;cursor:pointer;padding:4px 0;left:0;transition:all .5s ease-in-out}.item2Container{position:relative;transition:left .5s ease-in-out .5s;left:0}.landingPageContainer.change .item2Container{left:-800px}.landingPageContainer.change .menuItem2{opacity:0}.menuItem2:hover{transform:scale(1.25)}.menuItem2:before{content:"";width:80%;height:3px;background-color:#912f0c;position:absolute;top:0;left:-10px;transition:all .5s;opacity:0;transform-origin:left}.menuItem2:hover:before{opacity:1;left:0}.menuItem2:after{content:"";width:80%;height:3px;background-color:#912f0c;position:absolute;bottom:0;right:-10px;transition:all .5s;opacity:0;transform-origin:right}.menuItem2:hover:after{opacity:1;right:0}.menuItem3{position:relative;cursor:pointer;padding:4px 0;left:0;transition:all .5s ease-in-out}.menuItem3:hover{transform:scale(1.25)}.item3Container{position:relative;transition:left .5s ease-in-out .75s;left:0}.landingPageContainer.change .item3Container{left:-800px}.landingPageContainer.change .menuItem3{opacity:0}.menuItem3:before{content:"";width:80%;height:3px;background-color:#912f0c;position:absolute;top:0;left:-10px;transition:all .5s;opacity:0;transform-origin:left}.menuItem3:hover:before{opacity:1;left:0}.menuItem3:after{content:"";width:80%;height:3px;background-color:#912f0c;position:absolute;bottom:0;right:-10px;transition:all .5s;opacity:0;transform-origin:right}.menuItem3:hover:after{opacity:1;right:0}.menuItem4{position:relative;cursor:pointer;padding:4px 0;left:0;transition:all .5s ease-in-out}.menuItem4:hover{transform:scale(1.25)}.item4Container{position:relative;transition:left .5s ease-in-out 1s;left:0}.landingPageContainer.change .item4Container{left:-800px}.landingPageContainer.change .menuItem4{opacity:0}.menuItem4:before{content:"";width:80%;height:3px;background-color:#912f0c;position:absolute;top:0;left:-10px;transition:all .5s;opacity:0;transform-origin:left}.menuItem4:hover:before{opacity:1;left:0}.menuItem4:after{content:"";width:80%;height:3px;background-color:#912f0c;position:absolute;bottom:0;right:-10px;transition:all .5s;opacity:0;transform-origin:right}.menuItem4:hover:after{opacity:1;right:0}