HTML CSSResult Skip Results Iframe EDIT ON html{background:#f5f7f8;font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased;padding:0;font-size:16px}.body{display:grid;grid-template-areas:"item-header" "home-center" "home-footer"}.item-header{grid-area:item-header;display:block;padding-top:60px;background-color:#f3f3f3}.home-header{position:relative;text-align:center}.home-header-text{position:relative;color:#b9b9b9;z-index:5;background-color:#535353;padding-inline:1rem;padding-block:1rem;margin-top:-15rem}.link-on-header{position:relative;z-index:101;text-align:start;margin-left:10px}.home-center{grid-area:home-center;display:flex;flex-wrap:wrap;margin-inline:2px;justify-content:center}.home-card{width:48%;margin-inline:3px;margin-block:5px}.home-header-background-shape{position:absolute;height:240px;width:98vw;display:flex;fill:#fff;-webkit-filter:blur(0);filter:blur(0)}.home-header-background-shape:nth-child(2){-webkit-filter:blur(2px);filter:blur(2px);fill:#fff}.home-header-title-1{position:relative;top:6rem;margin-left:-15rem;font-size:1rem;color:#747474;-webkit-filter:drop-shadow(-20px -10px 10px #fff);filter:drop-shadow(-20px -10px 10px #fff);-webkit-transform:skew(-5deg,164deg);transform:skew(-5deg,164deg)}.home-header-title-Code{top:3.3rem;left:3.3rem;font-size:5rem}.home-header-title-Android,.home-header-title-Code{position:relative;font-weight:700;margin-left:4rem;background:linear-gradient(90deg,#828282,#777,#dcdcdc,#efefef);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.home-header-title-Android{top:-3rem;left:-3.5rem;font-size:2rem;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.home-header-title-Kotlin{top:-6.3rem;left:3rem;font-size:1.7rem}.home-header-title-JetPack,.home-header-title-Kotlin{position:relative;font-weight:700;margin-left:4rem;background:linear-gradient(90deg,#828282,#777,#dcdcdc,#efefef);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.home-header-title-JetPack{top:-11rem;left:1.23rem;font-size:2.1rem}.home-header-title-Compose{position:relative;top:-14.6rem;left:6.1rem;font-size:1.2rem;font-weight:700;margin-left:4rem;background:linear-gradient(90deg,#828282,#777,#dcdcdc,#efefef);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.home-header-title-React{top:-13.3rem;left:8rem;font-size:1.2rem}.home-header-title-FramerMotion,.home-header-title-React{position:relative;font-weight:700;margin-left:4rem;background:linear-gradient(90deg,#828282,#777,#dcdcdc,#efefef);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.home-header-title-FramerMotion{top:-11rem;left:.4rem;font-size:.8rem}.home-header-title-CSS{top:-17rem;left:7.2rem}.home-header-title-CSS,.home-header-title-HTML{position:relative;font-size:.8rem;font-weight:700;margin-left:4rem;background:linear-gradient(90deg,#828282,#777,#dcdcdc,#efefef);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.home-header-title-HTML{top:-20.5rem;left:.4rem}.home-header-title-VUE{top:-22.5rem;left:3.5rem;font-size:1.5rem}.home-header-title-JQuery,.home-header-title-VUE{position:relative;font-weight:700;margin-left:4rem;background:linear-gradient(90deg,#828282,#777,#dcdcdc,#efefef);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.home-header-title-JQuery{top:-16.8rem;left:5rem;font-size:.8rem}.home-header-title-passion{position:relative;top:-18rem;left:-13rem;font-size:1rem;color:#747474;margin-left:10rem;background:linear-gradient(90deg,#828282,#777,#ababab,#efefef);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-filter:drop-shadow(-20px -10px 10px #fff);filter:drop-shadow(-20px -10px 10px #fff);-webkit-transform:skew(-5deg,158deg);transform:skew(-5deg,158deg)}@media only screen and (min-width:850px){.home-header{position:relative;text-align:center;margin-bottom:10px}.home-header-background-shape{position:absolute;height:240px;width:98vw;display:flex;fill:#fff;-webkit-filter:blur(0);filter:blur(0)}.home-header-background-shape:nth-child(2){-webkit-filter:blur(3px);filter:blur(3px);fill:#fff}.home-header-title-1{margin-left:-12rem;font-size:1rem;-webkit-filter:drop-shadow(-20px -10px 7px #fff);filter:drop-shadow(-20px -10px 7px #fff)}.home-header-title-2{top:4rem;margin-left:6rem;font-size:4rem;font-weight:700;color:#a7a7a7}.home-header-title-2,.home-header-title-3{position:relative;-webkit-filter:drop-shadow(-20px -10px 10px #fff);filter:drop-shadow(-20px -10px 10px #fff)}.home-header-title-3{top:1.6rem;margin-left:8rem;font-size:1rem;padding-bottom:70px}.home-header-text{margin-top:-15rem;background-color:#cdcdcd}.home-footer-text,.home-header-text{position:relative;color:#b9b9b9;padding-inline:9rem;padding-block:1rem;text-align:center;z-index:20}.home-footer-text{background-color:#535353}.home-card{width:22%;margin:.5rem}}.projects-center{display:flex;flex-wrap:wrap;margin-top:60px}.project-card{width:90%;margin-inline:20px;margin-block:5px}.images-on-card,.project-card-in{display:flex;flex-wrap:wrap}.img-container{width:auto;height:auto}.project-img{cursor:pointer;object-fit:cover;height:200px;width:auto;max-width:300px;margin:10px;background-size:cover;background-position:50%;-webkit-filter:drop-shadow(3px 3px 3px #797979);filter:drop-shadow(3px 3px 3px #797979)}.icons-on-card{max-width:250px;max-height:110px;display:flex;flex-wrap:wrap;padding-left:15px;padding-top:10px}.project-icon{width:40px;height:40px;margin:5px;background-size:cover;background-position:50%;-webkit-filter:drop-shadow(3px 3px 3px #797979);filter:drop-shadow(3px 3px 3px #797979)}.project-card-right{width:100%;margin-right:10px;display:block}.project-card-title{font-weight:800;margin-left:10px;font-size:1.5em}.project-card-text{margin-top:10px;margin-inline:10px}.project-card-btns{cursor:pointer;display:flex;justify-content:flex-end;padding:2px;-webkit-filter:drop-shadow(4px 4px 3px #a2a2a2);filter:drop-shadow(4px 4px 3px #a2a2a2)}@media only screen and (min-width:850px){.project-card{width:45%;margin-inline:20px;margin-block:5px}}.project-footer{margin-inline:20px;margin-bottom:25px}.home-footer-text{position:relative;background-color:#535353;color:#b9b9b9;padding-inline:1rem;padding-block:1rem;text-align:center;z-index:20}.modal-container-popup{position:fixed;top:5px;left:1px;width:98vw;height:93vh;background-color:#fff;margin-inline:1px;border-radius:7px;z-index:20;-webkit-filter:drop-shadow(0 0 40px #000);filter:drop-shadow(0 0 40px #000000);justify-content:center}.modal-container-popup-btn{position:fixed;top:0;right:0;z-index:25;opacity:.6;cursor:pointer;-webkit-filter:drop-shadow(0 0 1px #000);filter:drop-shadow(0 0 1px rgb(0,0,0))}.projects-slider-page{display:block}.projects-slider{display:flex;justify-content:center;padding-top:10px;padding-bottom:25px}.project-slider-img{padding:15px;max-height:60vh;max-width:90vw;-webkit-filter:drop-shadow(0 0 20px rgba(0,0,0,.5));filter:drop-shadow(0 0 20px rgba(0,0,0,.5))}@media only screen and (min-width:850px){.project-slider-img{max-height:65vh;max-width:72vw;-webkit-filter:drop-shadow(0 0 20px rgba(0,0,0,.5));filter:drop-shadow(0 0 20px rgba(0,0,0,.5))}}.project-right-arrow{right:2px;z-index:25}.project-left-arrow,.project-right-arrow{position:absolute;top:100px;fill:#e3e3e3;opacity:.6;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-filter:drop-shadow(3px 3px 2px rgba(0,0,0,.7));filter:drop-shadow(3px 3px 2px rgba(0,0,0,.7))}.project-left-arrow{left:2px;z-index:29}.pro-slide{opacity:0;transition-duration:1s ease}.pro-slide.active{opacity:1;transition-duration:2s;-webkit-transform:scale(1.08);transform:scale(1.08)}.project-thumbs-pictures{display:flex;flex-wrap:nowrap;position:relative;justify-content:left;margin-inline:10px;padding-bottom:15px;width:90vw;background-color:#eee;border-radius:5px;border:1px solid grey;overflow-x:scroll}.project-thumbs-pictures::-webkit-scrollbar{height:5px}.project-thumbs-img{max-width:80px;max-height:120px;padding:0 2px;margin:10px;box-shadow:0 0 5px #f0f0f0}.video-player-wrapper{width:300px;height:200px;margin:25px}.react-player{max-width:100%;max-height:100%;-webkit-filter:drop-shadow(3px 3px 3px #797979);filter:drop-shadow(3px 3px 3px #797979)}@media only screen and (min-width:500px){.video-player-wrapper{width:auto;height:auto;margin:25px}.react-player{max-width:100%;max-height:100%;-webkit-filter:drop-shadow(3px 3px 3px #797979);filter:drop-shadow(3px 3px 3px #797979)}}END POPUP VIDEO END Projects Gallery Slider .body-container-javaapps{display:flex;justify-content:space-between;flex-wrap:wrap;width:90%;max-width:1240px;margin:1% auto 0}.body-container-javaapps>div{width:49%;margin-top:1%}.body-container-javaapps.svg>div{width:32%;margin-top:1%;align-items:center}.menuSVG{z-index:12;position:fixed;top:10px;left:10px}.links-menu{position:fixed;top:0;left:0;background:#3d3d3d;box-shadow:0 4px 4px 0 rgba(0,0,0,.3),0 4px 4px 0 rgba(0,0,0,.3);z-index:9;padding-bottom:35px}.menu-map{flex-direction:column;align-items:flex-start;padding:30px 0 0 30px;z-index:13}.menu-map,.nav-bar{display:flex;justify-content:flex-end}.nav-bar{width:100%;text-decoration:none}.nav-bar a,.nav-bar span{text-decoration:none;color:#999;cursor:pointer;padding:5px}.nav-bar button{padding:1px 5px 3px;text-decoration:none;font-size:12px;border-radius:3px;background-color:#fff;color:#000;box-shadow:0 4px 5px rgba(0,0,0,.1);margin-top:7px;margin-right:5px}.nav-bar button:hover{background-color:#e7e7e7}.login-button,.logout-button{position:fixed;top:0;left:89vw;z-index:11}.card{min-height:100%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);display:flex;flex-direction:column;text-decoration:none;color:#444;position:relative;top:0;transition:all .1s ease-in}.card:hover{top:-2px;box-shadow:0 4px 5px rgba(0,0,0,.2)}.card article{padding:5px;display:flex;flex:1 1;justify-content:space-between;flex-direction:column}.card .thumb{padding-bottom:60%;margin-left:1%;margin-right:1%}.card .thumb,.thumb-main-img{background-size:cover;background-position:50%}.thumb-main-img{object-fit:cover;height:200px;width:auto;max-width:300px;padding-top:40px;padding-left:1rem;margin:0 0 40px;-webkit-filter:drop-shadow(3px 3px 3px #797979);filter:drop-shadow(3px 3px 3px #797979)}.card p{flex:1 1;line-height:1.4}.card h6{color:#fff;background-color:red}.card button{padding:1px 1px 3px;text-decoration:none;font-size:16px;border-radius:3px;background-color:#fff;color:#000;border:1px solid #a8a8a8;box-shadow:0 4px 5px rgba(0,0,0,.1);margin-top:7px;margin-bottom:7px;margin-inline:5px}.card button:hover{background-color:#e7e7e7}h1{font-size:20px;margin:0;color:#333}.card span{font-size:12px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.05em;margin:2em 0 0}.coma-blue{display:flex;flex-direction:column;position:relative}.graphic-gallery-page{display:block;position:relative;height:100vh;background-color:#999}.slider{display:flex;justify-content:space-around;padding-top:100px;padding-bottom:50px;background-color:#999}.image{max-width:708px;width:60vw}.left-arrow,.right-arrow{fill:#f8e112;opacity:.6;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-filter:drop-shadow(3px 3px 2px rgba(0,0,0,.7));filter:drop-shadow(3px 3px 2px rgba(0,0,0,.7))}.slide{opacity:0;transition-duration:1s ease;box-shadow:0 0 1em #f5f5f5}.slide.active{opacity:1;transition-duration:2s;-webkit-transform:scale(1.08);transform:scale(1.08)}.thumbs-arrows{height:40px;flex-wrap:nowrap}.thumbs-arrows,.thumbs-pictures{display:flex;justify-content:center}.thumbs-pictures{flex-wrap:wrap;background-color:#999}.left-arrow-thumbs{padding-right:10px}.left-arrow-thumbs,.right-arrow-thumbs{fill:#535353;opacity:.8;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-filter:drop-shadow(3px 3px 2px rgba(0,0,0,.7));filter:drop-shadow(3px 3px 2px rgba(0,0,0,.7))}.right-arrow-thumbs{padding-left:10px}.thumbs{width:100px;height:60px;padding:0 2px;margin:10px;box-shadow:0 0 5px #757575}.letters-anim-container{display:flex;flex-wrap:wrap}.style-letters-animation{width:25px;height:25px;background-color:rgba(0,156,13,.9);font-weight:700;text-align:center;margin-right:4px;margin-top:1px}.button-clue,.pimkGong-button{width:7rem}.colored-letters div{display:inline-flex;width:25px;height:25px;border-radius:5px;font-weight:700;justify-content:center;margin-right:5px}.colored-letters div:first-child{background-color:#f8e112}.colored-letters div:nth-child(2){background-color:#f0f}.colored-letters div:nth-child(3){background-color:green}.colored-letters div:nth-child(4){background-color:red}.colored-letters div:nth-child(5){background-color:orange}.colored-letters div:nth-child(6){background-color:grey}.colored-letters div:nth-child(7){background-color:#add8e6}.colored-letters div:nth-child(8){background-color:brown}.circle-line-rect{display:flex;flex-wrap:wrap}.home-footer{grid-area:home-footer;align-self:center;margin-inline:4%;padding-bottom:2rem}.cookies-container{position:relative;bottom:1rem;right:1%;left:1%;width:98%;background-color:transparent;padding-top:10px;z-index:50}.cookies-banner{display:flex}.cookies-title{font-size:x-large;margin-top:15px}.cookies-text{margin-left:1rem}.cookies-btns button{padding:1px 5px 3px;text-decoration:none;font-size:16px;background-color:#9a2b2b;color:#000;box-shadow:0 4px 5px rgba(0,0,0,.1);margin-top:7px;margin-bottom:5px;margin-right:5px}.cookies-btns button:hover{background-color:#d03a3a}.pimkgonk-container{display:block}.pimkgonk-container>*{padding:1rem}@media (min-width:768px){.pimkgonk-container{display:grid;grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=main.2b112a90.chunk.css.map */