*{background-color:#000}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;width:auto;min-height:100vh}html,body{overflow-x:hidden}html{scroll-behavior:smooth}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}body,*{cursor:pointer}body,*{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><circle cx="16" cy="16" r="10" fill="rgb(149, 165, 179)" stroke="white" stroke-width="2"/></svg>') 16 16,pointer}a{cursor:pointer}.loader-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:9999;overflow:hidden}.loader-video{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,opacity .7s ease}.loader-exit .loader-video{transform:scale(1.2);opacity:0}.navbar{color:#fff;background-color:#000;display:flex;justify-content:space-between;padding:0 50px;height:60px;align-items:center}.navbar .nav-left{font-size:40px;font-family:WDXL Lubrifont TC,sans-serif;font-weight:350;font-style:normal}.navbar .nav-left p{color:#0fc991;text-shadow:2px 2px 4px rgba(145,89,12,.78)}.nav-right .nav-links{font-family:Rubik,sans-serif;font-optical-sizing:auto;font-style:normal;display:flex;list-style:none;gap:18px}a{text-decoration:none;color:#fff}a:hover{color:#ff0}@media (max-width: 767.98px){.navbar{width:90%}.nav-right{display:none}.nav-left p{font-size:30px!important}}.front-page{display:flex;justify-content:space-between;flex-direction:row;height:100vh;position:relative;background-color:#000}.text{position:absolute;display:flex;flex-direction:column;z-index:2;margin-left:20px;background-color:transparent;left:50px}.text .hello{font-family:Rubik,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:bold;font-size:70px;padding-left:30px;background-color:transparent;color:red}.text .hello h2{background-color:transparent}.text .name{font-size:38px;padding-left:90px;background-color:transparent;color:#fff;font-family:Istok Web,sans-serif;font-weight:700;font-style:bold;width:53%;border-bottom:2px solid rgb(150,80,22)}.text .description{font-size:50px;padding-left:70px;background-color:transparent;color:#120116;font-family:Bungee Shade,sans-serif;font-style:normal;font-size:33px;width:45.2%}.text .description p{background-color:#6d6553e6;padding:10px;border-radius:10px;margin-top:10px}.text .button-div{padding-top:40px;width:420px;display:flex;justify-content:space-between;background-color:transparent}.text .button-div button{padding:10px 20px;background-color:#ff0000d2;color:#fff;border:1.5px solid rgb(255,255,255);border-radius:5px;font-size:17px;cursor:pointer;font-weight:700;gap:20px}.text .button-div .project-button{background-color:transparent;color:#fff;border:2px solid rgb(251,255,0);font-size:16px}.com-image{position:absolute;top:0;right:0;background-image:url(/assets/computer-BkTkI8Sk.jpeg);background-size:cover;background-position:center;width:100%;height:100%;z-index:1;opacity:.6}@keyframes slideForward{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}.social-icons{padding:40px 10px;display:flex;gap:20px;background-color:transparent}.social-icons img{background-color:#fff;border:3px solid rgb(186,175,175);width:30px;height:30px;cursor:pointer;border-radius:10px;animation:slideForward 2s ease forwards;-webkit-animation:slideForward 2s ease forwards}.social-icons img:nth-child(1){animation-delay:.5s}.social-icons img:nth-child(2){animation-delay:.7s}.social-icons img:nth-child(3){animation-delay:1s}.social-icons img:nth-child(4){animation-delay:1.3s}.social-icons img:nth-child(5){animation-delay:1.6s}hr{border:none;border-top:3px solid rgb(55,29,0);margin:0 0 15px;width:60%}a{text-decoration:none;background-color:transparent}@media (max-width: 767.98px){.front-page{height:50vh;text-align:center;flex-direction:column!important;justify-content:flex-start;align-items:center;padding:20px 0}.text{position:static;margin-left:0;left:0;width:100%;align-items:center;padding:0 10px}.text .hello{font-size:38px!important;height:auto;padding-left:0;color:red}.text .hello h2{font-size:38px!important;padding-left:0;padding-bottom:0;margin:0}.text .name{font-size:28px!important;padding-left:0;margin:0}.text .description{font-size:18px!important;padding-left:10px;padding-right:10px;margin:10px 0;color:#e5ff00!important;background-color:#2b2d00;border-radius:20px}.text .button-div{padding-top:10px;width:100%;flex-direction:column;gap:10px;align-items:center}.text .button-div button,.text .button-div .project-button{font-size:14px!important;padding:8px 14px;width:100%;margin:0 auto}.social-icons{gap:10px;padding:20px 0;justify-content:center}.social-icons img{width:28px!important;height:28px!important}.text hr{width:40%!important;margin-bottom:10px}}.about-div{width:100%;height:100%}.about-me{display:flex;flex-direction:row;text-align:center;gap:18px;height:115px}hr{width:35px;margin-left:150px}.about{color:#ffffffe1;margin-top:20px;margin-left:50px;font-family:Ubuntu,sans-serif;font-weight:400;font-style:normal;font-size:60px}.me{color:#0d4346;font-family:Playpen Sans Deva,cursive;font-optical-sizing:auto;font-weight:750;font-style:normal;font-size:80px}.container{margin-top:20px;margin-left:40px}.container h2{color:brown;font-family:WDXL Lubrifont TC,sans-serif;font-style:bold;font-size:45px;margin:6px 30px;background-color:transparent}.container p{color:#f1d9fbd3;font-family:Noto Sans KR,sans-serif;font-optical-sizing:auto;font-weight:450;font-style:normal;margin:5px 20px;background-color:transparent}.row1{display:flex;height:680px;gap:26px;flex-direction:row}.row1 .item1{border:3px rgba(186,145,155,.768) solid;border-radius:20px;width:58%;height:60%;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;display:flex;flex-direction:row;box-shadow:-4px 9px 14px #fff}.row1 .item1 .text-item{font-size:26px;background-color:transparent}.row1 .item1 .box-creative{border-radius:20px;width:250%}.row1 .item1 .box-creative img{background-color:transparent;height:90%;width:100%}.row1 .item2{height:60%;width:38%;display:flex;flex-direction:column;gap:26px;font-size:18px}.row1 .item2 .item{border:3px rgba(186,145,155,.768) solid;border-radius:20px;height:50%;width:100%}.item3{border:3px rgba(186,145,155,.768) solid;border-radius:20px;width:98.5%;height:50%;margin-top:-220px;font-size:18px}@media (max-width: 767.98px){.about{font-size:32px;margin-left:10px;margin-top:10px}.me{font-size:38px}.about-me{display:flex;flex-direction:row;gap:8px;height:auto}hr{width:20px;margin-left:10px}.container{margin-top:10px;margin-left:5px}.container h2{font-size:22px;margin:4px 10px}.container p{font-size:14px;margin:3px 8px}.row1{flex-direction:column;height:auto;gap:12px}.row1 .item1,.row1 .item2{width:98%!important;height:auto;font-size:14px}.row1 .item1 .text-item{font-size:14px}.row1 .item1 .box-creative{width:100%}.row1 .item1 .box-creative img{height:auto;width:100%}.item3{width:99%;margin-top:10px;font-size:14px;height:auto}}@media (max-width: 455px){.box-creative{display:none}}@media (max-width: 1200px){.item1 .text-item{width:80%}.box-creative{border-radius:20px;width:250%;padding-top:20%}.box-creative img{background-color:transparent;height:100%;width:100%}.container p{font-size:20px;margin:3px 8px}.row1{height:auto;gap:12px;width:99%}.row1 .item1,.row1 .item2{width:98%!important;height:auto;font-size:14px}.row1 .item1 .text-item{font-size:14px}.row1 .item1 .box-creative{width:100%}.row1 .item1 .box-creative img{height:auto;width:100%}.item3{width:99%;margin-top:10px;font-size:14px;height:auto}}.skills-div{margin-top:4%;width:100%;height:100%}.Heading-div h2{color:#f0f8ff;display:flex;justify-content:center;font-family:Rajdhani,sans-serif;font-weight:700;font-style:normal;font-size:60px;margin-bottom:1%}.main-sec{width:90%;height:100%;margin-left:5%;margin-bottom:3%;display:flex;flex-direction:column;gap:20px}.skills{width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:2%}.img-container{background-color:#000;width:15%;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;object-fit:cover;display:flex;align-items:center;justify-content:center;border:2px solid rgb(0,195,255);box-shadow:0 0 15px #ffffff80;transition:all .3s ease-in-out;position:relative;z-index:0}.img-container p{font-family:Rubik,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:bold;font-size:190%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:#f2f1d8;opacity:0%;background-color:transparent}.img-container:hover{background-color:#061301;transform:translateY(-10px) scale(1.05);box-shadow:0 0 20px #00c3ffcc;border-color:#0f8}.img-container:hover img{opacity:10%}.img-container:hover p{opacity:100%}.img-container img{width:80%;height:auto;border-radius:20px;object-fit:contain;background:transparent;padding:10%;transition:all .3s ease-in-out}.img-container.visible{opacity:1;transform:translateY(0)}.skills>.img-container{animation:fadeInUp .6s ease-out backwards}.skills>.img-container:nth-child(1){animation-delay:.1s}.skills>.img-container:nth-child(2){animation-delay:.2s}.skills>.img-container:nth-child(3){animation-delay:.3s}.skills>.img-container:nth-child(4){animation-delay:.4s}.skills>.img-container:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.full-page{background-color:#ffffffba;width:100%;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;height:100%;border-radius:20px;border:4px solid wheat}.main{background-color:#e1bce1;display:flex;flex-direction:row;border-top-left-radius:20px;border-top-right-radius:20px}.main .left-div{width:65%;display:flex;flex-direction:row;background-color:transparent}.main .left-div .social-icon-div{margin-top:8%;margin-left:1%;width:10%;gap:2%;display:flex;flex-direction:column;background-color:transparent}.main .left-div .social-icon-div img{padding:2px;width:50%;background-color:#fff;border:2px solid rgb(255,255,255);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.main .left-div .contact-div,.main .left-div h1,.main .left-div h2,.main .left-div p{background-color:transparent;width:100%}.main .left-div h1{color:#c50707;font-size:590%;font-family:Rajdhani,sans-serif;font-weight:700;font-style:normal;margin-bottom:0}.main .left-div h2{font-size:33px;margin-left:14%;margin-block-start:0em}.main .left-div p{margin-top:0;font-size:30px;margin-left:10%;color:#fff;font-weight:700;font-family:Rajdhani,sans-serif;font-style:normal;margin-block-end:0em}.main .left-div a{margin-left:14%;font-size:23px;color:#000}.connect-right-div{width:35%;display:flex;justify-content:center;align-items:center;background-color:transparent}.connect-right-div .contact-form{display:flex;flex-direction:column;gap:10px;width:80%;background-color:transparent}.connect-right-div .contact-form input,.connect-right-div .contact-form textarea{padding:10px;border-radius:5px;border:1px solid #ccc;font-size:16px;font-family:Rajdhani,sans-serif;font-weight:700;font-style:normal;color:#fff;background-color:#0006}.connect-right-div .contact-form textarea{height:120px;resize:none}.connect-right-div .contact-form button{padding:10px;border-radius:5px;border:none;background-color:#c50707;color:#fff;font-size:16px;cursor:pointer;font-family:Rajdhani,sans-serif;font-weight:700;font-style:normal}.connect-right-div .contact-form button:hover{background-color:red}hr{margin:0;width:100%}.footer{background-color:transparent}.footer p{color:#000;text-align:center;background-color:transparent;font-size:20px}.contact-image{background-color:transparent}.contact-image img{width:49%;background-color:transparent}@media (min-width: 576px) and (max-width: 991.98px){.connect-right-div img{width:80%}}@media (max-width: 575.98px){.connect-right-div{display:none!important}}@media (max-width: 767.98px){.main{flex-direction:column;padding:10px 0}.left-div{width:100%!important;flex-direction:column!important;align-items:flex-start!important}.social-icon-div{flex-direction:row!important;width:100%!important;margin:10px 0 0!important;gap:10px!important;justify-content:center!important}.social-icon-div img{width:32px!important;height:32px!important;padding:0!important}.contact-div,h1,h2,p{width:100%!important;margin-top:8px!important;text-align:left!important}h1{font-size:32px!important;margin-bottom:4px!important}h2{font-size:20px!important;margin-left:0!important}p,a{font-size:14px!important;margin-left:0!important}.connect-right-div{display:none!important}.footer{text-align:center!important}.footer p{font-size:10px!important;text-align:center!important}}@media (min-width: 576px) and (max-width: 991.98px){.main{flex-direction:row!important;padding:20px 0!important}.left-div{width:100%!important;flex-direction:column!important;align-items:flex-start!important}.social-icon-div{flex-direction:row!important;width:100%!important;margin:16px 0 0!important;gap:16px!important;justify-content:center!important}.social-icon-div img{width:40px!important;height:40px!important;padding:0!important}.contact-div,h1,h2,p{width:100%!important;margin-top:10px!important;text-align:left!important}h1{font-size:40px!important;margin-bottom:6px!important}h2{font-size:26px!important;margin-left:0!important}p{font-size:18px!important;margin-left:0!important}a{font-size:16px!important;margin-left:0!important}.connect-right-div img{width:100%}.footer{text-align:center!important}.footer p{font-size:14px!important;text-align:center!important}}.education{background:#e5ecfb;min-height:80vh}.education .qoute{font-size:1.5rem;text-align:center;font-family:Nunito,sans-serif;font-weight:600;margin-top:.5rem}.education .box-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column}.education .box-container .box{display:flex;flex-direction:row;width:80%;border-radius:.5rem;box-shadow:.2rem .5rem 1rem #0003;text-align:center;position:relative;margin-top:2rem;overflow:hidden;transition:.3s;background:#fcfcfc}.education .box-container .box:hover{transform:scale(1.03);box-shadow:1rem .5rem 1.2rem #0000004d}.education .box-container .box .image{flex:1 1 20rem;width:100%}.education .box-container .box img{object-fit:cover;position:relative;width:100%;height:100%}.education .box-container .box .content{position:relative;display:flex;flex-direction:column;padding:1rem;flex-wrap:wrap;flex:1 1 70rem}.education .box-container .box .content h3{font-size:2.5rem;color:#012970;padding:.5rem 0;font-weight:600;text-align:left;margin-left:1rem}.education .box-container .box .content p{font-size:1.5rem;margin-left:1rem;text-align:left}.education h4{font-size:2rem;color:#226d00;text-align:left;margin:1rem;font-family:Nunito,sans-serif;font-weight:700}@media screen and (max-width: 600px){.education .box-container .box{flex-direction:column;width:100%}.education .box-container .box .image{width:100%;height:25rem}.education .box-container .box img{width:100%}.education .box-container .box .content{position:relative;display:flex;flex-direction:column;padding:1rem;flex-wrap:wrap;flex:0}.education .btns{margin-top:2rem;margin-left:1rem;margin-right:1rem;flex-wrap:wrap}}.certificates-section{width:100%;min-height:100vh;padding:50px 0;background:#000;display:flex;flex-direction:column;align-items:center}.certificates-heading{font-family:Play,sans-serif;font-weight:600;font-style:normal;font-size:50px;color:#fff;margin-bottom:50px;letter-spacing:2px;text-transform:uppercase;position:relative}.certificates-heading:after{content:"";width:80px;height:4px;background:#38bdf8;display:block;margin:12px auto 0;border-radius:10px}.certificates-container{width:100%;display:flex;flex-direction:row;gap:30px;overflow-x:auto;padding:20px 60px;scroll-behavior:smooth}.certificates-container::-webkit-scrollbar{height:8px}.certificates-container::-webkit-scrollbar-track{background:#1e293b}.certificates-container::-webkit-scrollbar-thumb{background:#38bdf8;border-radius:10px}.certificate-card{min-width:300px;width:45%;height:100%;background:#000615;border-radius:16px;padding:15px;text-align:center;flex-shrink:0;transition:transform .3s ease,box-shadow .3s ease}.certificate-card img{width:100%;height:440px;object-fit:cover;border-radius:12px;margin-bottom:15px}.certificate-card p{font-family:Play,sans-serif;font-weight:700;font-style:normal;color:#fbff00;font-size:20px}.certificate-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #a51e1e66}