.home{height:100vh;max-height:100vh;background-color:#fff;padding:100px 200px;width:100%}@media screen and (max-width: 900px){.home{padding:50px 100px}}@media screen and (max-width: 600px){.home{padding:50px}}.container-outer{position:relative;top:25%}.container-inner{display:flex;flex-direction:row;flex-wrap:wrap}.homeText{margin:auto 10px auto 20px}.homeText>h1{margin-bottom:10px;font-size:40px}.homeText>p{font-size:20px}.homeText>.p1{margin-top:10px}img{width:200px;height:200px}.homeText>p a{padding:0;color:#183153;font-weight:700;margin-top:10px}.home a{font-size:20px}.home .arrow{transition:none;background-image:none}.home a:hover{text-decoration:none}@media screen and (max-width: 1200px){.homeText>h1{font-size:35px}.homeText>p,.homeText>p a{font-size:17px}img{width:170px;height:170px}}@media screen and (max-width: 900px){.homeText>h1{margin-bottom:10px;font-size:30px}.homeText>p,.homeText>p a{font-size:14px}img{width:140px;height:140px}}@media screen and (max-width: 600px){.homeText>h1{margin-bottom:10px;font-size:27px}.homeText>p,.homeText>p a{font-size:12px}img{width:120px;height:120px}}.about{min-height:100vh;padding:100px 200px;display:flex;flex-direction:column;align-items:center;background-color:#f3f4f6}@media screen and (max-width: 900px){.about{padding:50px 100px}}@media screen and (max-width: 600px){.about{padding:50px}}.aboutTextContainer{display:flex;flex-direction:column;text-align:center;gap:20px;border-radius:30px;padding:40px}@media screen and (min-width: 1100px){.aboutTextContainer{width:700px}}.aboutTextContainer p{color:#6b7280}.rowContainer{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;gap:40px;width:100%}.technologiesContainer{text-align:center;width:100%;min-width:300px;border-radius:30px;padding:40px}.aboutTextContainer span{font-weight:700}.techstacks{display:flex;flex-direction:row;max-height:300px;width:100%;overflow:auto;gap:40px;padding:10px;flex-wrap:wrap;margin:20px}.techCard{border-radius:20px;padding:10px;background-color:#f9fafb;box-shadow:0 0 3px #0000001a}.techstacks img{width:50px;height:50px;margin:5px}.techCard p{font-size:10px;font-weight:700;color:#565772}.rowContainer h1{font-size:35px;font-weight:700;margin:0 0 20px;color:#2997ff}.rowContainer .line{width:10%;min-width:150px;height:1px;background-color:#6b7280;border-radius:10px}@media screen and (max-width: 1200px){.rowContainer h1{font-size:30px}.aboutTextContainer p{font-size:14px}.rowContainer{gap:35px}}@media screen and (max-width: 900px){.rowContainer h1{font-size:26px}.aboutTextContainer p{font-size:12px}.aboutTextContainer{gap:15px;padding:30px}.rowContainer{gap:30px}.techCard{padding:8px;border-radius:15px}.techstacks img{width:35px;height:35px;margin:4px}.techCard p{font-size:8px}.techstacks{gap:30px;padding:7px;margin:15px}.technologiesContainer{padding:30px}}@media screen and (max-width: 600px){.rowContainer h1{font-size:22px}.aboutTextContainer p{font-size:10px}.aboutTextContainer{gap:10px;padding:25px}.rowContainer{gap:20px}.techCard{padding:6px;border-radius:10px}.techstacks img{width:25px;height:25px;margin:3px}.techCard p{font-size:6px}.techstacks{gap:20px;padding:5px;margin:10px}.technologiesContainer{padding:25px}}.projects{min-height:100vh;padding:50px;display:flex;flex-direction:column;align-items:center;gap:80px}@media screen and (max-width: 900px){.projects{padding:50px 100px}}@media screen and (max-width: 600px){.projects{padding:50px}}.projects h1{font-size:40px;font-weight:700;margin:20px}.projectContainer{display:flex;flex-direction:row}.p1,.p3,.p5{flex-wrap:wrap-reverse}.p2,.p4{flex-wrap:wrap}.projectImage,.projectText{width:700px;min-width:300px;border-radius:30px;padding:20px;height:600px}.p1 .projectImage,.p2 .projectText,.p3 .projectImage,.p4 .projectText,.p5 .projectImage{border-radius:30px 0 0 30px}.p1 .projectText,.p2 .projectImage,.p3 .projectText,.p4 .projectImage,.p5 .projectText{border-radius:0 30px 30px 0}.projectText{background-color:#f3f4f6;display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px;color:#515154;overflow:auto}.projectText h2{color:#2997ff;font-size:25px;text-align:center}.projectText h3{font-size:15px}.projectImage{background-color:#e8eaee}.projectContainer span{font-weight:600}.chip{padding:5px 10px;border-radius:50px;background-color:#e7e6ec;display:inline-flex;gap:10px;font-size:16px}.chip img{width:20px;height:20px}.projects button{background-color:#374151;color:#f5f5f7;border:none;border-radius:10px;padding:10px 20px;font-size:15px;width:100%;cursor:pointer;transition:.3s;margin:0}.projects .button2{background-color:#f5f5f7;color:#374151;border:2px solid #374151}.projects .button3{color:#f5f5f7;background-color:#2997ff}.projects .row{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.modalVideoContents{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;font-size:15px;text-align:center}.modalVideoContents iframe{width:70vw;height:50vw}.modalVideoContents p a{font-size:15px}@media screen and (max-width: 1500px){.projectContainer{justify-content:center}.p1 .projectText,.p2 .projectText,.p3 .projectText,.p4 .projectText,.p5 .projectText{border-radius:30px 30px 0 0}.p1 .projectImage,.p2 .projectImage,.p3 .projectImage,.p4 .projectImage,.p5 .projectImage{border-radius:0 0 30px 30px}.projectImage,.projectText{width:700px;height:550px}}@media screen and (max-width: 1200px){.projectImage,.projectText{width:650px;height:520px}.projectText{gap:17px;padding:26px}.projects h1{font-size:35px;margin:15px}.p1 .projectText,.p2 .projectText,.p3 .projectText,.p4 .projectText,.p5 .projectText{border-radius:27px 27px 0 0}.p1 .projectImage,.p2 .projectImage,.p3 .projectImage,.p4 .projectImage,.p5 .projectImage{border-radius:0 0 27px 27px}.projectText h2{font-size:23px}.projectText h3,.projectText span,.projectText p{font-size:14.5px}.chip{padding:4px 9px;gap:8px;font-size:14px}.chip img{width:18px;height:16px}.projects button{padding:9px 18.5px;font-size:14px}}@media screen and (max-width: 900px){.projectImage,.projectText{width:600px;height:480px}.projectText{gap:14px;padding:23px}.projects h1{font-size:32px;margin:12px}.projectText h2{font-size:20px}.projectText h3,.projectText span,.projectText p{font-size:12.5px}.chip{padding:2.5px 7.5px;gap:6px;font-size:12px}.chip img{width:16px;height:14px;margin:auto 0}.projects button{padding:9px 18.5px;font-size:12px}.p1 .projectText,.p2 .projectText,.p3 .projectText,.p4 .projectText,.p5 .projectText{border-radius:23px 23px 0 0}.p1 .projectImage,.p2 .projectImage,.p3 .projectImage,.p4 .projectImage,.p5 .projectImage{border-radius:0 0 23px 23px}}@media screen and (max-width: 700px){.projectImage,.projectText{width:450px}.projectText{height:auto}.p1 .projectText,.p2 .projectText,.p3 .projectText,.p4 .projectText,.p5 .projectText{border-radius:21px 21px 0 0}.p1 .projectImage,.p2 .projectImage,.p3 .projectImage,.p4 .projectImage,.p5 .projectImage{border-radius:0 0 21px 21px}}@media screen and (max-width: 600px){.projectImage,.projectText{width:400px;height:350px}.projectText{height:auto}.projects h1{font-size:28px;margin:10px}.projectText{gap:11px;padding:18px}.projectText h2{font-size:16px}.projectText h3,.projectText span,.projectText p{font-size:10.5px}.chip{padding:1.5px 4px;gap:4px;font-size:10px}.chip img{width:12px;height:10px}.projects button{padding:9px 18.5px;font-size:10px}.p1 .projectText,.p2 .projectText,.p3 .projectText,.p4 .projectText,.p5 .projectText{border-radius:19px 19px 0 0}.p1 .projectImage,.p2 .projectImage,.p3 .projectImage,.p4 .projectImage,.p5 .projectImage{border-radius:0 0 19px 19px}}@media screen and (max-width: 500px){.projectImage,.projectText{width:350px}.projectText{height:auto}.p1 .projectText,.p2 .projectText,.p3 .projectText,.p4 .projectText,.p5 .projectText{border-radius:17px 17px 0 0}.p1 .projectImage,.p2 .projectImage,.p3 .projectImage,.p4 .projectImage,.p5 .projectImage{border-radius:0 0 17px 17px}}@media screen and (max-width: 420px){.projectImage,.projectText{width:300px}.projectText{height:auto}}@media screen and (max-width: 360px){.projectImage,.projectText{width:auto;height:auto}}.slideshow-container{width:100%;height:100%;position:relative;margin:auto}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;color:#515154;font-weight:700;font-size:18px;transition:.6s ease;border-radius:3px;user-select:none}.next{right:0;border-radius:3px 0 0 3px}.prev:hover,.next:hover{background-color:#0003}.text{color:#000;font-size:15px;position:absolute;bottom:0px;width:100%;text-align:center;overflow:auto}.numbertext{color:#000;font-size:12px;padding:15px;position:absolute;top:0}.slideshow-container .fade{height:100%;width:100%;animation-name:fade;animation-duration:1.5s}@keyframes fade{0%{opacity:.4}to{opacity:1}}.slideshow-container img{object-fit:contain;border-radius:30px;height:100%;width:100%}.toggle-buttons{display:flex;flex-direction:row;position:absolute;right:0}.toggle-buttons>button{background-color:transparent;padding:5px;border:solid;border-color:#cecece;border-radius:0;cursor:pointer;transition:1s ease}.toggle-buttons :nth-child(1){border-width:1px;border-radius:3px 0 0 3px}.toggle-buttons :nth-child(2){border-width:1px 1px 1px 0;border-radius:0 3px 3px 0}.toggle-buttons .selected{background-color:#cecece}.toggle-buttons .icon{height:20px;width:20px;margin:auto 0}@media screen and (max-width: 1200px){.toggle-buttons .icon{height:18px;width:18px}}@media screen and (max-width: 900px){.toggle-buttons .icon{height:16px;width:16px}}@media screen and (max-width: 600px){.toggle-buttons .icon{height:14px;width:14px}}.contacts{background-color:#f3f4f6;padding:100px 200px;display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 900px){.contacts{padding:50px 100px 80px}}@media screen and (max-width: 600px){.contacts{padding:50px 50px 80px}}.contacts h1{font-size:40px;font-weight:700;margin:20px}.container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:40px;width:100%}.container-2{width:400px;border-radius:30px;padding:20px;display:flex;flex-direction:column;gap:20px}.forms form{display:flex;flex-direction:column;gap:20px}.forms p{font-size:20px;font-weight:700}.forms button{background-color:#374151;color:#fff;border-radius:10px}.container-2 h2{font-size:30px;font-weight:700;color:#2997ff;margin:10px 0}textarea{resize:none;padding:15px;background-color:#374151;color:#fff;border-radius:10px}input{padding:15px;background-color:#374151;color:#fff;border-radius:10px}.line{width:100%;height:1px;background-color:#374151;margin:10px 0}.links{display:flex;flex-direction:row;justify-content:space-between}.link-col{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;color:#183153;font-weight:700}.link-col .icon,.link-col img{height:30px;width:30px;margin:auto 0}.modalLoadingContents{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loading-spinner{width:30px;height:30px;text-align:center;border:2px solid;border-radius:80%;border-top-color:#3412e011;display:inline-block;animation:loadingspinner .7s linear infinite}@keyframes loadingspinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modalAlert{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#fff0;display:flex;justify-content:center;align-items:center}.modalSuccessContents,.modalFailureContents{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 60px;background-color:#fff;box-shadow:0 0 10px #0003;border-radius:10px;text-align:center;max-width:300px}.modalSuccessContents svg,.modalFailureContents svg{width:50px;display:block;margin:0 auto}.modalSuccessContents .path,.modalFailureContents .path{stroke-dasharray:1000;stroke-dashoffset:0}.modalSuccessContents .path.circle,.modalFailureContents .path.circle{-webkit-animation:dash .9s ease-in-out;animation:dash .9s ease-in-out}.modalSuccessContents .path.line,.modalFailureContents .path.line{stroke-dashoffset:1000;-webkit-animation:dash .95s .35s ease-in-out forwards;animation:dash .95s .35s ease-in-out forwards}.modalSuccessContents .path.check,.modalFailureContents .path.check{stroke-dashoffset:-100;-webkit-animation:dash-check .95s .35s ease-in-out forwards;animation:dash-check .95s .35s ease-in-out forwards}@-webkit-keyframes dash{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes dash{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@-webkit-keyframes dash-check{0%{stroke-dashoffset:-100}to{stroke-dashoffset:900}}@keyframes dash-check{0%{stroke-dashoffset:-100}to{stroke-dashoffset:900}}@media screen and (max-width: 1200px){.link-col img,.link-col .icon{width:27px;height:27px}.container{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;gap:30px}.container-2{width:500px;padding:15px}.contacts h1{font-size:35px;margin:15px}.forms form{gap:15px}.forms p{font-size:17px}.contactInfo p{font-size:14px}.link-col p{font-size:11px}.container-2 h2{font-size:25px;margin:8px 0}textarea,input{padding:12px;font-size:12.5px}.line{margin:8px 0}.forms button{font-size:12.5px}}@media screen and (max-width: 900px){.link-col img,.link-col .icon{width:24px;height:24px}.container{gap:25px}.contacts h1{font-size:32px;margin:12px}.container-2{padding:10px}.forms form{gap:12px}.forms p{font-size:14px}.contactInfo p{font-size:13px}.link-col p{font-size:10px}.container-2 h2{font-size:22px;margin:6px 0}textarea,input{padding:10px;font-size:11.5px}.line{margin:4px 0}.forms button{font-size:11.5px}}@media screen and (max-width: 600px){.link-col img,.link-col .icon{width:21px;height:21px}.container{gap:20px}.container-2{width:100%;padding:5px}.contacts h1{font-size:28px;margin:10px}.forms form{gap:10px}.forms p{font-size:12px}.contactInfo p{font-size:11px}.link-col p{font-size:9px}.container-2 h2{font-size:19px;margin:4px 0}textarea,input{padding:7px;font-size:10px}.line{margin:0}.forms button{font-size:10px}}.navigationbar{display:flex;flex-direction:row;justify-content:space-between;position:sticky;width:100%;top:0;padding:10px;z-index:100;background-color:#fff}.hamburger{display:none}.navigations{display:flex;flex-direction:row;gap:40px}a{text-decoration:none;padding:10px;color:#0a1229;font-size:16px;background-image:linear-gradient(black,black);background-size:0% 5px;background-repeat:no-repeat;background-position:center bottom;transition:background-size .3s}a:hover{background-size:100% 2px}button{background-color:transparent;border:none;padding:10px;cursor:pointer}.name_logo>img{width:40px;height:40px;margin:auto 0}.name_logo{display:flex;flex-direction:row;gap:4px;font-size:15px}.name_logo>p{margin:auto 0;font-size:15px;font-weight:700;color:#000}.navigationbar .name_logo_link{text-decoration:none;color:inherit;cursor:pointer;font-size:100%;font-family:inherit;font-weight:inherit;border:none;padding:0;margin:0;background:none;outline:none}.navigationbar .icon{height:20px;width:20px;margin:auto 0}.name_logo :hover{cursor:pointer}@media screen and (max-width: 1200px){.navigations{gap:30px}a{font-size:14px}.name_logo>p{font-size:14px}.name_logo>img{width:35px;height:35px}.navigationbar .icon{height:18px;width:18px}}@media screen and (max-width: 900px){.navigationbar{padding:10px 10px 5px}.navigations a{display:none}.hamburger{display:block}.navigationbar .icon{height:16px;width:16px}}@media screen and (max-width: 600px){.name_logo>p{font-size:12px}.name_logo>img{width:30px;height:30px}.navigationbar .icon{height:13px;width:13px}}.footer{display:flex;flex-direction:column;align-items:center;position:fixed;bottom:0;background-color:#fff;width:100%;padding:5px}.footer img{font-size:7px;color:#183153;font-weight:700;height:20px;width:20px;margin:auto 0}button{margin:auto 0}.linkRow,.copyrightRow{display:flex;flex-direction:row;gap:5px}.copyrightRow{font-size:10px;color:gray}.linkRow .icon{height:20px;width:20px;margin:auto 0}.button-link{display:inline-block;border:none;background:none;padding:0;cursor:pointer;text-decoration:none;outline:none}@media screen and (max-width: 1200px){.linkRow .icon,.footer img{height:18px;width:18px}}@media screen and (max-width: 900px){.linkRow .icon,.footer img{height:16px;width:16px}}@media screen and (max-width: 600px){.linkRow .icon,.footer img{height:14px;width:14px}}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#fcfcfcf2;display:flex;justify-content:center;align-items:center}.modalContents{height:100%;width:100%;padding:5px;display:flex;flex-direction:column;align-items:center;gap:50px}.modalContents button{margin:0;padding:0}.modal a{font-weight:700;font-size:30px;color:#000}.modal .icon{height:30px;width:30px}.modalContents .closeRow{display:flex;flex-direction:row;width:100%;justify-content:flex-end}.closeRow button{margin:20px}@media screen and (max-width: 600px){.modalContents{gap:40px}.modal a{font-size:25px}.modal .icon{height:25x;width:25px}.closeRow button{margin:15px}}@media screen and (max-width: 450px){.modalContents{gap:30px}.modal a{font-size:20px}.modal .icon{height:20px;width:20px}.closeRow button{margin:12px}}