@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,900;1,400;1,600;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,400;0,700;1,300;1,700&display=swap";*{margin:0;padding:0;border:0;font-family:poppins,sans-serif;box-sizing:border-box}:root{--primary: #7f00ff;--second: pink;--gray: #3d535f;--bg: #f3f5f8}body{background-color:var(--bg)}html{scroll-behavior:smooth}.navbar{display:flex;justify-content:space-between;align-items:center;width:100%;height:80px;z-index:9999;line-height:80px;padding:3%}.logo{display:flex;font-size:4rem;font-weight:800;color:#3d535f;letter-spacing:3px;cursor:pointer;text-transform:uppercase}.logo span{color:#7f00ff}.navItems{display:flex}.navItems li{list-style:none;margin:0 15px}.navItems li a{font-size:2rem;color:#3d535f;letter-spacing:3px;text-decoration:none;text-transform:capitalize}.navItems li:hover a,.links a:hover{color:#7f00ff}.links a{font-size:3rem;color:#3d535f;margin:25px 10px}#hamburger-menu{display:none;color:var(--gray)}main{background-color:#f3f5f8;display:flex;justify-content:space-between;align-items:center;height:100vh;width:100%;overflow:hidden;padding:0 10%}.col1:before{position:absolute;content:"";border-radius:50%;height:40rem;width:40rem;left:-12%;top:10%;background:linear-gradient(45deg,#7f00ff,pink);animation:object1 6s linear infinite;z-index:-1}@keyframes object1{50%{top:15%;left:-10%}}.col1{z-index:5;width:100%;height:100%;margin-top:30rem}.col1 .topline{display:block;position:relative;font-size:3.4rem;letter-spacing:5px;color:#3d535f}.col1 .topline:after{position:absolute;content:" ";height:4px;width:45px;bottom:10px;background-color:#7f00ff}.col1 h1{display:block;font-size:5rem;font-weight:900;color:#3d535f}.col1 .multitext{color:#7f00ff;text-transform:capitalize}.col1 p{display:block;width:100%;color:#3d535f;font-size:1.7em}.btns{width:100%;position:relative;margin:2rem}button{outline:none;border:none;cursor:pointer;font-size:2rem;font-weight:400;color:#fff;background-color:#3d535f;padding:12px 20px;margin:40px 5px;text-transform:capitalize;box-shadow:0 15px 10px #0006}button:hover{background-color:#7f00ff}.col2{z-index:5;width:100%;height:100%;margin-top:30rem}.imgbox{position:relative;width:100%;height:50%}.imgbox-img{height:80%;width:80%;position:relative;z-index:10;margin:auto}.imgbox .imgbox-img img{position:absolute;width:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;-o-object-fit:cover;object-fit:cover}.blob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8;width:100%}.about,.galeri,.contact{padding:7rem 7% 1.4rem;margin-bottom:15rem;background-color:var(--bg)}.about h2,.project h2,.galeri h2,.contact h2{text-align:center;font-size:3rem;margin-bottom:3rem;color:var(--gray)}.about h2 span,.galeri h2 span,.contact h2 span{color:var(--primary)}.about p{margin-bottom:.8rem;font-size:1.3rem;font-weight:500;line-height:1.6;text-align:justify;width:100%}.project{padding:7rem 7% 1.4rem;margin-bottom:7rem;background:linear-gradient(180deg,#7f00ff,pink);border-radius:2rem}.project h2{margin-bottom:1rem;color:#fff}.project p{text-align:center;max-width:30rem;margin:auto;font-weight:400;line-height:1.5;color:#fff}.project .row{display:flex;flex-wrap:wrap;margin-top:5rem;justify-content:center}.project .row .menu-card{text-align:center;padding-bottom:4rem}.project .row .menu-card:after{content:"";align-items:center;justify-content:center;box-shadow:10px 10px 20px #000}.project .row .menu-card:hover:after{box-shadow:none}.project .row .menu-card img{width:95%;-o-object-fit:cover;object-fit:cover;border-radius:3%;box-shadow:#0006}.project .row .menu-card .menu-card.title{margin:1rem auto .5rem}.galeri h2{margin-bottom:1rem}.galeri p{text-align:center;max-width:30rem;margin:auto;font-weight:500;line-height:1.5}.galeri .row{display:flex;flex-wrap:wrap;margin-top:2rem;justify-content:center}.galeri .row .coloum{display:flex;flex-wrap:wrap}.galeri .row .coloum .menu-card{text-align:center;padding-bottom:4rem;width:300px;height:300px;overflow:hidden;margin:1rem;cursor:pointer}.galeri .row .coloum .menu-card img{-o-object-fit:cover;object-fit:cover;width:300px;height:300px;filter:grayscale(80%);transition:all .35s ease-in}.galeri .row .coloum .menu-card img:hover{filter:grayscale(0)}footer{padding-bottom:1rem;margin-top:3rem;font-size:.8rem;font-weight:400;color:var(--gray)}footer p{text-align:center;text-decoration:none;width:100%}footer p a{color:var(--gray);text-decoration:none}footer p a:hover{color:var(--primary);transition:.4s;font-weight:700}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--primary)}::-webkit-scrollbar-thumb:hover{background-color:pink;box-shadow:inset 0 0 10px #00000040}@media (max-width: 1366px){html{font-size:75%}}@media (max-width: 768px){html{font-size:62.5%}.navItems,#linkedin,#twitter,#github,#youtube{display:none}#hamburger-menu{display:inline-block}.navbar .navbar-nav{position:absolute;top:100%;right:-100%;background-color:#fff;width:30rem;height:100vh;transition:.5s}.navbar .navbar-nav.active{right:0}.navbar .navbar-nav a{color:var(--bg);display:block;margin:1.5rem;padding:.5rem;font-size:1.4rem}.navbar .navbar-nav a:after{transform-origin:0 0}.navbar .navbar-nav a:hover:after{transform:scaleX(.3)}main{flex-direction:column-reverse}.col1{margin-top:0;text-align:center}.col1:before{height:20rem;width:20rem;margin-top:25rem}.col1 h1{font-size:3.8rem}button{font-size:1.4rem;margin:2rem 0}.col2{z-index:999;margin-top:0}.col2 .imgbox{width:100%;height:100%;margin-top:4rem;position:relative;z-index:8}.blob{width:75%}.about .row{flex-wrap:wrap}.about .row .about-img img{height:24rem;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.about .row .content{padding:0}.about .row .content h3{margin-top:1rem;font-size:2rem;text-align:center;font-weight:500}.about .row .content p{font-size:1.5rem;color:#fff}.menu p{font-size:1.4rem}}@media (max-width: 450px){html{font-size:55%}.col1:before{height:20rem;width:20rem;top:40%}@keyframes object1{50%{top:35%}}}