@import"https://fonts.googleapis.com/css2?family=Spartan:wght@100;200;300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600&display=swap";.bottom-header{width:100%;background-color:#eee;position:fixed;bottom:0;border-bottom:2px solid #55cca2;left:0;box-sizing:border-box}.bottom-header ul{display:flex;flex-direction:row;column-gap:24px;padding:18px 24px;margin:0}.bottom-header ul li{list-style:none}.bottom-header ul li a{font-family:Quicksand,sans-serif;text-decoration:none;color:#55cca2;font-weight:bolder;transition:.23s ease-in-out;padding:3px 8px;border-radius:2px}.bottom-header ul li a:hover{color:#202020}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@-ms-keyframes fadein{0%{opacity:0}to{opacity:1}}@-o-keyframes fadein{0%{opacity:0}to{opacity:1}}.home-content-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:64px auto 0;text-align:center}.home-content-container .content{-webkit-animation:fadein 3.5s;-moz-animation:fadein 3.5s;-ms-animation:fadein 3.5s;-o-animation:fadein 3.5s;animation:fadein 3.5s;font-family:Quicksand,sans-serif}.home-content-container .content .content-text{color:#0f0f0f;margin:5px;letter-spacing:1px}.home-content-container .content .content-title{font-size:57px;font-weight:400}.home-content-container .content .content-sec{font-weight:400;font-size:28px;color:#232323}.home-content-container .content a{border-radius:3px;font-size:18px;display:inline-block;background-color:#55cca2;color:#fff;text-decoration:none;margin:24px;box-sizing:border-box;padding:8px 13px;transition:.22s ease-in-out}.home-content-container .content a:hover{transform:scale(1.05)}.projects-container{max-width:920px;width:100%;min-width:320px;box-sizing:border-box;margin:30px auto 180px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;column-gap:20px;row-gap:40px}.projects-container .project{background-size:cover;background-position:50%;width:290px;height:360px;background-color:transparent;perspective:1000px}.projects-container .project .project-card-container{position:relative;width:100%;height:100%;text-align:center;transition:transform 1.3s;transform-style:preserve-3d}.projects-container .project .project-card-container .project-card-front,.projects-container .project .project-card-container .project-details{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.projects-container .project .project-card-container .project-card-front{background-color:#bbb;color:#000;box-sizing:border-box;width:100%;height:100%;border-radius:10px;cursor:pointer}.projects-container .project .project-card-container .project-card-front .front-header{font-family:Spartan,sans-serif;height:100px;width:100%;font-size:24px;padding-top:37px;box-sizing:border-box;border-top-left-radius:10px;border-top-right-radius:10px}.projects-container .project .project-card-container .project-card-front .vn-header{background:#000;background:-webkit-linear-gradient(to left #434343,#000);background:linear-gradient(270deg,#434343,#000);color:#e0e0e0}.projects-container .project .project-card-container .project-card-front .auto-header{color:#ffdc00;background:#0f0c29;background:-webkit-linear-gradient(90deg,#24243e,#302b63,#0f0c29);background:linear-gradient(90deg,#24243e,#302b63,#0f0c29)}.projects-container .project .project-card-container .project-card-front .game-header{color:#eee;background:#c0392b;background:-webkit-linear-gradient(90deg,#8e44ad,#c0392b);background:linear-gradient(90deg,#8e44ad,#c0392b)}.projects-container .project .project-card-container .project-card-front .todo-app-header{background:#457fca;background:-webkit-linear-gradient(90deg,#5691c8,#457fca);background:linear-gradient(90deg,#5691c8,#457fca);color:#fff}.projects-container .project .project-card-container .project-card-front .linkedin-blocker-header{background:#00b4db;background:-webkit-linear-gradient(90deg,#0083b0,#00b4db);background:linear-gradient(90deg,#0083b0,#00b4db);color:#fff}.projects-container .project .project-card-container .project-card-front .youtube-header{color:#eee;background:#ed213a;background:-webkit-linear-gradient(90deg,#93291e,#ed213a);background:linear-gradient(90deg,#93291e,#ed213a)}.projects-container .project .project-card-container .project-card-front .tekken-header{color:#eee;background:#141e30;background:-webkit-linear-gradient(90deg,#243b55,#141e30);background:linear-gradient(90deg,#243b55,#141e30)}.projects-container .project .project-card-container .project-card-front .movie-header{background:#536976;background:-webkit-linear-gradient(90deg,#292e49,#536976);background:linear-gradient(90deg,#292e49,#536976);color:#b3c6d4}.projects-container .project .project-card-container .project-card-front .vgmhub-header{background:#ef5466!important;background:-webkit-linear-gradient(90deg,#292e49,#536976);background:linear-gradient(90deg,#292e49,#536976);color:#fff}.projects-container .project .project-card-container .project-card-front .job-finder-header{background:#f46b45;background:-webkit-linear-gradient(90deg,#eea849,#f46b45);background:linear-gradient(90deg,#eea849,#f46b45);color:#eee}.projects-container .project .project-card-container .project-card-front .screenshot-comparison-header{background:#457fca;background:-webkit-linear-gradient(90deg,#5691c8,#457fca);background:linear-gradient(90deg,#5691c8,#457fca);color:#fff}.projects-container .project .project-card-container .project-card-front .iptv-header{background:#56ab2f;background:-webkit-linear-gradient(90deg,#a8e063,#56ab2f);background:linear-gradient(90deg,#a8e063,#56ab2f);color:#fff}.projects-container .project .project-card-container .project-card-front .front-main-content{width:100%;height:260px;background-size:cover;background-position:50%;background-repeat:no-repeat;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.projects-container .project .project-card-container .project-card-front .youtube-main-content{background-size:210%;background-position:50%;background-repeat:no-repeat;background-position-y:56%}.projects-container .project .project-card-container .project-card-front .movie-main-content,.projects-container .project .project-card-container .project-card-front .vgmhub-main-content{background-position-x:46.1%}.projects-container .project .project-card-container .project-card-front .iptv-main-content,.projects-container .project .project-card-container .project-card-front .screenshot-comparison-main-content{background-position:50%}.projects-container .project .project-card-container .project-card-front .linkedin-blocker-main-content{background-color:#eee}.projects-container .project .project-card-container .project-details{background-color:#f8f9fa;color:#fff;transform:rotateY(180deg);transition-delay:.3s;box-sizing:border-box;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:10px;height:100%;width:100%;position:relative;overflow:hidden}.projects-container .project .project-card-container .project-details .card{visibility:hidden;opacity:0;transition:visibility 0s,opacity .81s linear;left:0;position:absolute;width:100%;height:100%;background-size:contain;background-position:50%;background-repeat:no-repeat}.projects-container .project .project-card-container .project-details .card .back-header{font-family:Spartan,sans-serif;letter-spacing:1px;padding-top:12px;height:80px;width:100%;box-sizing:border-box}.projects-container .project .project-card-container .project-details .card .back-header div{display:block;height:50%;box-sizing:border-box;text-align:center;padding-top:7px}.projects-container .project .project-card-container .project-details .card .back-header .project-name{color:#333352;font-weight:500;font-size:19px}.projects-container .project .project-card-container .project-details .card .back-header .languages{color:#989898;font-weight:200;font-size:11px;margin-top:4px;letter-spacing:0}.projects-container .project .project-card-container .project-details .card .project-description{font-family:Spartan,sans-serif;width:100%;height:210px;color:#333352;font-size:12px;text-align:left;padding:10px 23px;box-sizing:border-box;line-height:19px}.projects-container .project .project-card-container .project-details .card .view-demo{font-family:Quicksand,sans-serif;font-weight:100;border-radius:3px;font-size:14px;display:inline-block;background-color:#55cca2;color:#fff;text-decoration:none;margin:8px auto 12px;box-sizing:border-box;padding:4px 17px;transition:.22s ease-in-out}.projects-container .project .project-card-container .project-details .card .view-demo:hover{transform:scale(1.05)}.projects-container .project .project-card-container .project-details .card .github{color:#b6b6b6;font-family:Quicksand,sans-serif;font-weight:100;font-size:14px;display:inline-block;border-bottom:1px solid #b6b6b6;text-decoration:none;margin:0 auto;box-sizing:border-box;transition:.22s ease-in-out}.projects-container .project .project-card-container .project-details .card .github:hover{color:#000;border-bottom:1px solid #000}.projects-container .project .project-card-container .project-details .card-0{visibility:visible;opacity:1}.projects-container .project .project-card-container .project-details .arrow{font-weight:400;line-height:33px;border-radius:3px;box-sizing:border-box;padding:0 10px;background-color:#c5c5c5;position:absolute;font-size:30px;cursor:pointer;transition:.14s ease-in-out;bottom:9px;height:35px}.projects-container .project .project-card-container .project-details .left-arrow{left:10px}.projects-container .project .project-card-container .project-details .right-arrow{right:10px}.projects-container .project .project-card-container .project-details .arrow:hover{background-color:#4b4b4b}.projects-container .project:hover .project-card-container{transform:rotateY(180deg);transition-delay:.3s}.about-content-container{width:1100px;margin:50px auto 120px}.about-content-container .header-row{height:150px;width:100%;background-color:#eee;margin-bottom:16px;display:flex;box-sizing:border-box;padding:24px 40px 160px}.about-content-container .header-row .info-container{width:25%;height:100%;margin:0 40px}.about-content-container .header-row .info-container .img-container{height:70px;width:100%;text-align:center;margin-bottom:11px}.about-content-container .header-row .info-container .img-container img{height:100%;margin:0 auto;filter:invert(89%) sepia(44%) saturate(640%) hue-rotate(82deg) brightness(89%) contrast(77%)}.about-content-container .header-row .info-container .info-text{font-weight:600;color:#727272;font-size:13px;text-align:center;width:100%;font-weight:700;font-family:sans-serif}.about-content-container .header-row .info-container .info-text div{font-size:19px;color:#55cca2;margin-bottom:4px;font-weight:lighter}.about-content-container .middle-row{height:360px;width:100%;background-color:#eee;display:flex}.about-content-container .middle-row .middle-box{width:33.3%;position:relative}.about-content-container .middle-row .middle-box .profile-pic{width:220px;height:220px;border-radius:50%;margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image:url(https://i.hizliresim.com/drgagz9.png);background-size:contain;box-shadow:0 0 15px #333352;background-position:50%;background-repeat:no-repeat}.about-content-container .middle-row .middle-box .middle-info{font-family:Quicksand,sans-serif;padding:15px;box-sizing:border-box;height:86%;width:86%;background-color:#e7e7e7;margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#919191;text-align:center;font-size:16px;line-height:26px}.about-content-container .middle-row .middle-box .middle-info .title-text{margin-bottom:10px}.about-content-container .middle-row .middle-box .middle-info .title-text span{font-size:22px;border-bottom:1px solid #bebebe}.about-content-container .middle-row .middle-box .middle-info .highlight-text{color:#55cca2}.about-content-container .middle-row .middle-box .middle-info .line{margin:10px auto;text-align:center;width:74%;border-bottom:1px solid #c7c7c7}.about-content-container .middle-row .middle-box .languages{line-height:55px}.about-content-container .bottom-row{width:100%;height:250px;border-top:1px solid #c9c9c9;display:flex;box-sizing:border-box}.about-content-container .bottom-row .bottom-box{font-family:Quicksand,sans-serif;padding:15px 37px;box-sizing:border-box;width:50%;background-color:#e7e7e7;color:#919191;text-align:center;font-size:18px;line-height:26px}.about-content-container .bottom-row .bottom-box .title-text{margin-bottom:10px}.about-content-container .bottom-row .bottom-box .title-text span{font-size:22px;border-bottom:1px solid #bebebe}.about-content-container .bottom-row .bottom-box .second{margin-top:20px}.about-content-container .bottom-row .bottom-box:first-of-type{border-right:1px solid #c9c9c9}