@import 'https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap';:root{--primaryColor: #ffffff;--secondaryColor: #1B1C1F;--accentColor: #6e6e6e;--hoverColor: #e4e4e4}*{font-family:poppins;list-style:none;text-decoration:none;box-sizing:border-box;margin:0;padding:0}body{background-color:var(--secondaryColor)}.no-scroll{overflow:hidden}html{scroll-behavior:smooth}header{width:100%;position:fixed;z-index:1}nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:15px;height:75px;background:rgba(0%,0%,0%,.75)}.nav-menu{position:relative}.nav-menu ul{display:flex;flex-direction:column;row-gap:2.5rem}.nav-menu ul li{background:0 0;border:none}#nav-bar img{max-width:300px}.logo{font-weight:700;color:var(--primaryColor);transition:1s;max-width:300px}.logo:hover{color:var(--hoverColor)}.hide-nav-component{display:none}.nav-search-container{width:89%;height:10%;margin-top:-2.5rem;position:relative}.nav-background{background-color:var(--secondaryColor);box-shadow:rgba(0,0,0,.35) 0 3px 8px}.nav-transperent{background-color:transparent}.nav-search-bar{width:100%;height:2.6rem;border-radius:.4rem;border:none;color:var(--accentColor);background-color:var(--hoverColor);outline:none;font-size:medium;font-weight:500;text-indent:1rem}.nav-search-ico{cursor:pointer;font-size:large;color:var(--accentColor);font-weight:700}.search-btn-nav{position:absolute;transform:translate(0%,48%);top:25%;border:none;background:0 0;right:15px}.nav-link{font-weight:600;color:var(--primaryColor)}.nav-link:hover{color:var(--hoverColor)}.bx-x{position:absolute;top:1.5rem;right:2rem;font-size:1.8rem;color:var(--primaryColor);font-weight:500;cursor:pointer}.bx-menu{font-size:x-large;cursor:pointer;font-weight:500;color:var(--primaryColor)}.search-main{width:100%;height:60vh;background-image:url(https://i.imgur.com/x4cQLMa.jpg);background-repeat:no-repeat;background-size:cover;position:relative}.heading-container{position:absolute;display:flex;flex-direction:row;justify-content:space-between;align-items:center;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-35px;width:85%}.main-heading{color:var(--primaryColor)}.file-input-container .file-input-label{color:var(--primaryColor);font-weight:700;font-size:1rem;cursor:pointer}.body-search-container{top:50%;position:relative;text-align:center}.main-search{width:85%;height:3.5rem;border-radius:8px;border:none;outline:none;background-color:var(--hoverColor);color:var(--accentColor);font-size:medium;font-weight:500;text-indent:1rem}.main-search-ico{color:var(--accentColor);font-size:large;font-weight:600;text-indent:-3.4rem}.search-btn-main{position:absolute;top:36%;background:0 0;border:none;cursor:pointer}.search-result{width:100%;height:auto;background-color:var(--secondaryColor);padding:.2rem}.flex-container{width:100%;height:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.image-container{width:40%;height:auto;margin-top:2rem;position:relative}.wall-img{width:100%;height:auto;border-radius:.5rem}.image-footer{width:100%;height:3rem;position:absolute;display:flex;align-items:center;justify-content:flex-end;flex-direction:row;color:var(--primaryColor);border-radius:.5rem;box-shadow:rgba(0,0,0,.35) 0 -50px 36px -28px inset;bottom:.4rem}.photo-txt{display:none}.download-btn{color:var(--primaryColor);width:auto;font-size:1.3rem;margin-right:.6rem}.load-more-container{width:100%;height:7rem;position:relative}.btn-load-more{width:8rem;height:2.8rem;cursor:pointer;border-radius:.6rem;border:none;color:var(--secondaryColor);background-color:var(--hoverColor);font-weight:700;outline:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-txt{color:var(--primaryColor);font-weight:600;display:block;text-align:center;top:50%;position:absolute;width:100%}.footer{margin-top:2rem;width:100%}.footer-container{width:100%;display:flex;justify-content:space-around;text-align:center;flex-direction:column-reverse}.footer-data{width:100%;height:5rem;color:var(--primaryColor);margin-bottom:2rem}.dev-txt{color:var(--primaryColor);font-weight:500;width:auto;display:block;text-align:center;padding-bottom:2rem}.heart-gif{width:1.5rem;height:auto}.footer-headings{margin-bottom:1rem}.social-links{color:var(--hoverColor);font-size:1.5rem;text-indent:1rem}.mail-link{color:var(--hoverColor);font-size:large;font-weight:500}.mail-link:hover{color:var(--primaryColor)}.social-links:hover{color:var(--primaryColor)}.image-popup{width:100%;height:100%;background-color:var(--secondaryColor);position:fixed;padding-bottom:4rem;overflow:auto;z-index:1;top:0}.image-viewer{width:80%;height:80%;margin-top:4.5rem}.display-img{width:100%;height:100%;object-fit:cover;position:relative;border-radius:.6rem;left:11.1%}.download-main{background-color:#09a729;color:#fff;font-weight:700;transform:translate(-50%,0%);width:12rem;text-align:center;position:absolute;border-radius:.6rem;margin-top:2rem;left:50%;padding:.6rem;cursor:pointer}@media screen and (max-width:767px){.nav-menu{position:fixed;top:0;left:-100%;height:100vh;width:100%;padding-left:5rem;padding-top:6rem;transition:.4s;background-color:var(--secondaryColor)}.nav-link{color:var(--primaryColor)}.show-menu{left:0}}@media screen and (min-width:768px){#openMenu,#closeMenu{display:none}.nav-menu{display:flex;column-gap:1rem;margin-right:2rem}.nav-menu ul{flex-direction:row;column-gap:4rem}.main-search{width:50%}.heading-container{width:50%}.nav-search-container{width:50%;margin-right:2rem;margin-left:2rem}.image-container{width:30%}.image-footer{justify-content:center}.photo-txt{display:block;width:90%;padding-left:1rem;font-size:medium}.footer-container{flex-direction:row}.footer-data{width:30%;height:auto}.image-viewer{position:relative;left:50%;transform:translate(-50%,0)}.display-img{width:auto;height:100%;object-fit:none;left:50%;transform:translate(-50%,0)}}*{padding:0;margin:0;overscroll-behavior:none}#game{position:absolute;transform-origin:0 0;background-repeat:no-repeat;background-image:url(../images/wood3.jpg);z-index:0;background-color:transparent;background:0 0;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#screenSizeFrame ul{list-style-type:none;padding:0;margin:0}#screenSizeFrame li{border:1px solid #ddd;margin-top:-1px;background-color:#f6f6f6;padding:20px;text-align:center;font:20px Poppins;color:#333}#screenSizeFrame .wrap{overflow:hidden;margin:10px}#screenSizeFrame .box{float:left;position:relative;width:50%;padding-bottom:40%}#screenSizeFrame .boxInner{position:absolute;left:10px;right:10px;top:10px;bottom:10px;overflow:hidden;border:1px #ddd;border-style:solid}#screenSizeFrame .boxInner img{width:100%}@font-face{font-family:JosefinSans Bold;src:url(../fonts/JosefinSans-Bold.ttf);font-weight:700;text-transform:uppercase}@font-face{font-family:JosefinSans Regular;src:url(../fonts/JosefinSans-Regular.ttf);text-transform:uppercase}#nav-bar-container{display:flex;justify-content:space-between;align-items:center;padding:1rem;width:100%;height:60px}#nav-bar-container .logo img{width:200px}@media(max-width:768px){#nav-bar-container{height:40px}#nav-bar-container .logo img{width:130px}}.navigation{display:flex;align-items:center;justify-content:flex-end}#menuToggle{display:block;position:relative;z-index:1;-webkit-user-select:none;user-select:none}#menuToggle a{text-decoration:none;color:#232323;transition:color .3s ease}#menuToggle a:hover{color:tomato}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}@media(max-width:768px){#menuToggle span{width:25px;height:2px;margin-bottom:3px}}#menuToggle span:first-child{transform-origin:0% 0%}#menuToggle span:nth-last-child(2){transform-origin:0% 100%}#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#232323}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(.2,.2)}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translate(0,-1px)}#menu-list{position:absolute;width:300px;margin:-100px 0 0 -50px;padding:50px;padding-top:125px;background:#ededed;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(100%,0);transition:transform .5s cubic-bezier(.77,.2,.05,1)}#menu-list li{padding:10px 0;font-size:22px}#menuToggle input:checked~ul{transform:translate(-60%,0)}