@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";header{display:flex;position:fixed;width:100%;height:60px;z-index:10}h3{font-family:var(--font-family-main);font-size:var(--header-3);color:var(--primary-color)}h6{font-family:var(--font-family-main);font-size:var(--header-6);color:var(--primary-color)}.contain{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:space-between;padding:0 10%}.menus{display:flex;background-color:var(--white-color);border-radius:30px;justify-content:center;padding:2px 15px;border-width:2px;border-style:solid;border-color:var(--primary-color);font-family:var(--font-family-main);font-weight:700;font-size:var(--header-4);color:var(--primary-color);margin-left:10px;text-decoration:none}.profile-menu{display:flex;color:var(--white-color);border-radius:30px;justify-content:center;padding:2px 16px;font-family:var(--font-family-main);font-weight:700;font-size:var(--header-4);background-color:var(--primary-color);margin-left:10px;text-decoration:none}.berger{color:var(--primary-color);display:none}.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:var(--black-calm);background-image:url(https://res.cloudinary.com/dghcfqoie/image/upload/v1696047608/bg-carbon_xbqov1.jpg);overflow-x:hidden;transition:.5s;padding-top:60px}.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;font-family:var(--font-family-main);font-weight:700;font-size:var(--header-3);color:var(--white-color);display:block;transition:.3s}.sidenav a:hover{color:var(--primary-color)}.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}@media screen and (max-width: 820px){.berger{display:flex}.profile-menu,.menus{display:none}}.contain-intro{display:flex;width:100%;height:100vh;background-image:url(https://res.cloudinary.com/dghcfqoie/image/upload/v1696044526/Backround_image_sgwby2.png);background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#fff;justify-content:center;align-items:center;flex-direction:column}.title-slice-intro{background-image:url(../../images/slice.png);background-repeat:no-repeat;background-position:left;background-size:contain;padding:0 5px;margin:0 10px}h1{font-family:var(--font-family-main);font-size:var(--header-1);color:var(--primary-color);text-align:center}.h3-intro{font-family:var(--font-family-main);font-size:var(--header-3);color:var(--black-calm)}h4{font-family:var(--font-family-main);font-size:var(--header-4);color:var(--black-calm);text-align:center;margin:5px 10px}.sosmed{display:flex;margin:20px 10px;background-color:var(--white-color);border-radius:8px;box-shadow:var(--tersier-color) 0 4px 12px;padding:10px;justify-content:center;align-items:center}.sosmed-relative{display:flex;position:relative;top:25px;margin:20px 10px;background-color:var(--white-color);border-radius:8px;box-shadow:var(--tersier-color) 0 4px 12px;padding:10px;justify-content:space-around;align-items:center}@media screen and (max-width: 820px){.contain-intro{background-position:0}h4{font-size:var(--header-4)}.h3-intro{font-size:var(--header-3)}}body{margin:0}html{scroll-behavior:smooth}:root{--primary-color: #005ACD;--sekunder-color: #0093CB;--tersier-color: #6DD7FD;--slow-blue: #BEF0FF;--white-color: #FFFFFF;--black-calm: #2E4054;--black: #191919;--dark_calm: #131A22;--gray: #9c9c9c;--font-family-main: "Open Sans", sans-serif;--header-1: 36px;--header-2: 30px;--header-3: 24px;--header-4: px;--header-5: 14px;--header-6: 10px}.row{display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none}.contain-profile{display:flex;width:100%;height:100vh;background-color:var(--white-color);background-image:linear-gradient(var(--white-color),var(--white-color),var(--primary-color));align-items:center;justify-content:center;flex-direction:row}.width-per-contain{width:50%;margin:0 10px;padding:0;align-items:center;justify-content:center}.width-per-image{display:flex;width:30%;margin:0 10px;padding:0;align-items:flex-end;justify-content:flex-end}.title-slice-profile{background-image:url(https://res.cloudinary.com/dghcfqoie/image/upload/v1696044948/Vector_1_waotsa.png);background-repeat:no-repeat;background-position:left;background-size:contain;padding:0 5px;margin:0 10px}.h2-profile{font-family:var(--font-family-main);font-size:var(--header-2);color:var(--black-calm)}.im{font-family:var(--font-family-main);font-size:var(--header-3);color:var(--black-calm)}.im>span{color:var(--sekunder-color)}.image-self{height:auto;max-width:100%}@media screen and (max-width: 820px){.contain-profile{flex-direction:column}.width-per-contain{width:80%}.contain-profile{height:auto}.width-per-image{width:auto}.im{font-size:var(--header-3)}}.contain-project{display:flex;width:100%;height:auto;background-color:var(--primary-color);background-image:linear-gradient(var(--primary-color),var(--dark_calm),var(--dark_calm));align-items:center;justify-content:center;flex-direction:column}.title-slice-project{background-image:url(https://res.cloudinary.com/dghcfqoie/image/upload/v1696044957/Vector_4_mok1l2.png);background-repeat:no-repeat;background-position:left;background-size:contain;padding:0 5px;margin:35px 10px}.h2-project{font-family:var(--font-family-main);font-size:var(--header-2);color:var(--white-color)}.contain-project>h4{margin:0 50px 40px;font-family:var(--font-family-main);font-size:var(--header-4);color:var(--white-color);text-align:center}.card-project{width:40%;display:flex;margin-top:5px;padding:10px;background-color:var(--white-color);text-decoration:none;border-radius:10px;flex-direction:column;align-items:start;justify-content:start;transition:.2s}.card-project>img{width:100%;aspect-ratio:16/9}.card-project>h2{margin:15px 0;font-family:var(--font-family-main);font-size:var(--header-4);color:var(--dark_calm);text-align:start}.card-project>.row>h5{font-family:var(--font-family-main);font-size:var(--header-5);color:var(--primary-color);margin:0}.card-project>.row>img{margin:0 5px;height:auto;max-width:25px}.grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;align-items:center;margin:0 50px}.card-project:hover{transform:scale(1.05)}@media screen and (max-width: 820px){.card-project{width:95%}.grid{gap:15px}.card-project>.row>img{max-width:20px}.contain-project>h4{font-size:var(--header-4)}.title-slice-project{margin:0 10px}}.contain-experience{display:flex;width:100%;padding:60px 0;background-color:var(--dark_calm);align-items:center;justify-content:center;flex-direction:column}.contain-experience>h4{margin:0 50px 40px;font-family:var(--font-family-main);font-size:var(--header-3);color:var(--white-color);text-align:center}.card-work{display:flex;text-decoration:none;width:calc(80% - 40px);border-radius:10px;border-width:5px;border-style:solid;flex-direction:row;padding:20px;margin:20px 0;transition:.2s}.card-work:hover{transform:scale(1.05)}.card-work>img{width:130px;height:130px;margin-right:30px}.card-work>div{display:flex;justify-content:start;flex-direction:column}.card-work>div>h2{font-family:var(--font-family-main);font-size:var(--header-3);color:var(--white-color);margin:0;padding:0}.contain-experience>h4{margin:0 50px 40px;font-family:var(--font-family-main);font-size:var(--header-4);color:var(--white-color);text-align:center}.work-job>div>h3{font-family:var(--font-family-main);font-size:var(--header-4);color:var(--white-color);margin:25px 0 0;padding:0}.info{font-family:var(--font-family-main);font-size:var(--header-4);color:var(--white-color);margin:3px;padding:0}@media screen and (max-width: 820px){.card-work{flex-direction:column;align-items:center}.card-work>div>h2{font-size:var(--header-3)}.card-work>div>h3{font-size:var(--header-4)}.info{font-size:var(--header-4)}.card-work>img{margin-bottom:10px;margin-right:0}.contain-experience>h4{font-size:var(--header-4)}}footer{display:flex;height:auto;width:100%;flex-direction:row;background-color:var(--dark_calm);background-image:linear-gradient(var(--dark_calm),var(--black),var(--black));align-items:end}.intrerest{display:flex;width:50%;background-image:url(https://res.cloudinary.com/dghcfqoie/image/upload/v1696047608/bg-carbon_xbqov1.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:50px 0 0;justify-content:center;align-items:center;padding:100px 50px;flex-direction:column}.intrerest>h3{font-family:var(--font-family-main);font-size:var(--header-3);color:var(--gray);text-align:center}.intrerest>h1{font-family:var(--font-family-main);font-size:var(--header-1);color:var(--white-color);text-align:center}.information{width:50%;background-image:url(https://res.cloudinary.com/dghcfqoie/image/upload/v1696047615/backround-dark_ldr0cg.jpg);padding:10px 50px}.information>h2{font-family:var(--font-family-main);font-size:var(--header-4);color:var(--gray);text-align:start}.information>article{font-family:var(--font-family-main);font-size:var(--header-4);color:var(--white-color);text-align:justify}.information>article>span{color:var(--tersier-color)}@media screen and (max-width: 820px){footer{flex-direction:column-reverse}.information{width:fit-content;height:auto;padding:30px}.intrerest{width:100%;border-radius:0;padding:0}}@media screen and (max-width: 470px){.intrerest{width:auto;border-radius:0;padding:20px}}