*{padding:0;margin:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#page1{min-height:100vh;width:100%;background:#000000ec;background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;display:grid;grid-template-rows:max-content}.gradient-text{background:linear-gradient(90deg,#b0b0b0,#181818,#c4c4c4,#f76300,red,#464646);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:moveGradient 6s ease-in-out infinite}@keyframes moveGradient{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}nav{height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 15px}nav ul{list-style-type:none;display:flex;align-items:center;gap:20px;gap:clamp(20px,4vw,60px);visibility:visible;transition:all .5s}nav ul li a{text-decoration:none;color:#c9c9c9;font-size:clamp(15px,1.1vw,18px);font-weight:300;transition:all .5s}.hover-link{position:relative;text-decoration:none;color:#c9c9c9}.hover-link:after{content:"";position:absolute;left:0;bottom:-5px;width:0px;height:2px;background-color:#f76300;transition:width .3s ease}.hover-link:hover:after{width:100%}nav ul li a:hover{color:#e7e7e7;cursor:pointer;text-shadow:0 0 2px rgb(247,99,0),0 0 20px rgb(255,0,0),0 0 60px rgb(223,53,2)}nav section{display:flex;align-items:center;gap:13px}nav section h3{color:#19de6b;color:#c9c9c9}nav img{height:50px;width:50px;transition:all .3s ease}nav img:hover{cursor:pointer;transform:scale(1.12)}h1{color:#000}#more-icon{visibility:hidden}#main{display:grid;grid-template-columns:1fr 1fr;max-width:95%;margin:0 auto;padding:0 20px;align-items:center}#my-content{display:flex;align-items:center;justify-content:center}#my-picture{display:flex;justify-content:center}#intro-text{font-size:clamp(17px,2vw,90px);color:#c9c9c9;transition:all .5s;font-weight:300}div h2{color:#c9c9c9;font-size:clamp(20px,4vw,90px);font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-family:Times New Roman,Times,serif;font-weight:bolder;color:#f76300;margin:25px 0}div h3{color:#c9c9c9}div p{color:#c9c9c9;margin:25px 0;line-height:29px;font-weight:300}#me{height:600px;filter:brightness(110%);transition:all .5s}#me:hover{cursor:pointer;transform:scale(1.03);filter:brightness(80%)}#skills-container{display:flex;flex-wrap:wrap;gap:10px 0px}.skills{color:#dcdcdc;font-size:clamp(11px,.9vw,17px);text-decoration:none;border:2px solid rgb(97,97,97);margin-right:15px;padding:5px 15px;border-radius:18px;transition:all .3s;background-color:#08080834}.skills:hover{transform:scale(1.04);color:#dcdcdc;border:2px solid rgb(247,99,0)}.skills:nth-of-type(1){color:#dcdcdc;font-weight:700}#view-work-btn{margin-right:15px;padding:10px 27px;border-radius:18px;transition:all .3s}#about-logos-container{margin-top:65px;display:flex;flex-direction:row;align-items:center;padding:0 10px}#text-arrows{color:#747474;color:#11c011;width:35px;height:35px;border-radius:50%;filter:brightness(110%);filter:contrast(1.6);display:none}#logos-line{background:linear-gradient(90deg,#11c011,#05240e,#05240e,#11c011);background-size:400% 400%;filter:contrast(1.6);height:1px;width:100%;display:none}@media(max-width:992px){#bg-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;object-fit:cover;z-index:-1}#page1{min-height:100vh;width:100%;background:#000000ec}#more-icon{visibility:visible}nav{height:60px}nav ul{visibility:hidden;display:none}nav img{height:35px;width:35px;transition:all .3s ease}div h2{margin:10px 0}div p{margin-top:6px}#main{display:grid;padding:0 20px;grid-template-rows:.2fr 1fr;grid-template-columns:1fr;align-items:center;gap:20px}#content-box{display:flex;flex-direction:column;justify-content:center;align-self:center;align-items:center;padding:0 20px}#skills-container{display:flex;justify-content:center;flex-wrap:wrap}#content-box p{text-align:center;margin:15px 0}.skills{margin-bottom:7px;font-size:clamp(12px,.9vw,17px)}#my-picture{grid-row-start:1;grid-row-end:2;display:flex;justify-content:center;justify-self:center;margin:0 auto;width:max-content}#me{height:450px}#my-content{grid-row-start:2;grid-row-end:3;display:flex;flex-direction:column;justify-content:center;align-self:center;align-items:center}#about-logos-container{margin-top:65px;display:flex;flex-direction:row;align-items:center;padding:0 10px;width:80vw}#text-arrows{width:35px;height:35px;border-radius:50%;filter:brightness(110%);filter:contrast(1.6)}#logos-line{filter:contrast(1.6);height:2px;width:100%}#intro-text{font-size:clamp(23px,2vw,90px)}div h2{font-size:clamp(22px,5vw,90px)}}@media(max-width:600px){#bg-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;object-fit:cover;z-index:-1}#page1{min-height:100vh;width:100%;background:#000000ec}#more-icon{visibility:visible}nav{height:60px}nav ul{visibility:hidden;display:none}nav img{height:35px;width:35px;transition:all .3s ease}div h2{margin-top:5px;margin-bottom:0;font-size:clamp(30px,5vw,90px)}#content-box p{text-align:center;margin:15px 0}div p{margin-top:6px;font-size:clamp(14px,.9vw,17px)}#skills-container{display:flex;flex-wrap:wrap;gap:2px 0px;justify-content:center}#main{display:grid;padding:0 5px;grid-template-rows:.2fr 1fr;grid-template-columns:1fr;justify-content:center;justify-self:center}#me{height:350px}section{display:flex;flex-wrap:wrap;justify-content:center}.skills{margin-bottom:2px;font-size:clamp(9px,.9vw,17px);margin-right:6px;padding:5px 8px}#my-picture{grid-row-start:1;grid-row-end:2;display:flex;justify-content:center;height:300px}#my-content{grid-row-start:2;grid-row-end:3;justify-content:center}#content-box{display:flex;flex-direction:column;justify-content:center;align-self:center;align-items:center}#view-work-btn{width:80vw;padding:0}#about-logos-container{margin-top:65px;display:flex;flex-direction:row;align-items:center;padding:0 10px}#text-arrows{color:#747474;width:35px;height:35px;border-radius:50%;filter:brightness(110%);filter:contrast(1.6)}#logos-line{filter:contrast(1.6);height:2px;width:100%}}@keyframes image-anime{0%{scale:1;opacity:1}to{scale:.7;opacity:.4}}#me{animation-name:image-anime;animation-range:exit 10%;animation-timeline:view();animation-timing-function:ease-out}@keyframes all-text-anime{0%{scale:1;opacity:1}to{scale:.7;opacity:.4}}#content-box h1,h2{animation-name:all-text-anime;animation-range:exit 0;animation-timeline:view();animation-timing-function:ease-out}#skills-container{animation-name:image-anime;animation-range:exit 0;animation-timeline:view();animation-timing-function:ease-out}#about-logos-container{animation-name:all-text-anime;animation-range:exit 0;animation-timeline:view();animation-timing-function:linear}@keyframes skills-anime{0%{transform:translate(-200px)}to{transform:translate(0)}}.skills{animation-name:skills-anime;animation-duration:.5s;animation-timing-function:linear}@keyframes paragraph-anime{0%{scale:0}to{scale:1}}#content-box p{animation-name:paragraph-anime;animation-duration:1s;animation-timing-function:linear;transition:all .5s}@keyframes move-around{0%{background-position:0% 50%}25%{background-position:50% 50%}50%{background-position:100% 50%}75%{background-position:50% 50%}to{background-position:0% 50%}}#logos-line{animation-name:move-arounda;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:linear}#page2{min-height:100vh;width:100%;background-color:#000;background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background:linear-gradient(90deg,#041709,#000,#000,#000,#000,#000,#000,#041709);background:linear-gradient(90deg,#131313,#0000001f,#000000e1,#000000df,#000000e3,#000000df,#000d,#0d0d0d),url(/assets/pexels-eva-bronzini-6914875-CXRRROn7.jpg);background:#000;background:#000000ec}#intro-heading{font-size:clamp(22px,1vw,25px);font-weight:700;text-align:center;color:#c9c9c9;padding:20px}#page2-container{display:flex;justify-content:center;align-items:center;min-height:90vh}#box-container{max-width:90%;padding:20px;display:flex;justify-self:center;gap:60px;flex-wrap:wrap;justify-content:center}.box{max-width:350px;border-radius:18px;padding:0 20px 20px;cursor:pointer;box-shadow:-2px 19px 19px -19px #ff3300b1;transition:all .5s;border:1px solid transparent;border-image:linear-gradient(to top,rgb(213,213,213),transparent,transparent);border-image-slice:1;background:linear-gradient(#000,#000,#000,#0f0f0f,#0f0f0f);background:linear-gradient(#0000,#0000,#00000097,#0f0f0f,#0f0f0f)}.box:hover{transform:scale(1.06)}#box-container p{line-height:normal;width:90%;margin:auto auto 20px;font-size:clamp(15px,4vw,15px);font-weight:200}.box-image{width:300px;height:300px;display:flex;justify-self:center;background-position:center;background-size:cover}.box:nth-of-type(1) .box-image{background:linear-gradient(#0000,#0000,#000000fc),url(/assets/graphicdesign1-Cr0whkg1.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.box:nth-of-type(2) .box-image{background:linear-gradient(#0000,#0000,#000000fc),url(/assets/webdev4-b9SxjZTo.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.box:nth-of-type(3) .box-image{background:linear-gradient(#0000,#0000,#000000fc),url(/assets/ghostface-ZhKapg9S.png);background-position:center;background-size:cover;background-repeat:no-repeat}.box:nth-of-type(3):hover .box-image div{visibility:hidden}#role-container{display:flex;background:linear-gradient(90deg,#363636,#000);width:43%;height:8%;color:#ababab;justify-content:center;align-items:center;align-self:end;border-radius:20px;margin-left:auto;margin-right:auto;transition:all .03s}#role-container h5{font-weight:500}.skills-logos2{color:#f76300;width:35px;height:35px;display:flex;margin-left:auto;margin-right:auto;margin-bottom:10px;border-radius:50%}.box:nth-of-type(4) .box-image{background:linear-gradient(#0000,#0000,#000000fc),url(/assets/animation1-f-_6Df3b.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.box:nth-of-type(5) .box-image{background:linear-gradient(#0000,#0000,#000000fc),url(/assets/programming2-CBwdGTuH.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.box:nth-of-type(6) .box-image{background:linear-gradient(#0000,#0000,#000000fc),url(/assets/3dartist1-Dw-5112e.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;padding:20px}#box-container h3{text-align:center;margin-bottom:20px;margin-top:20px;font-size:clamp(16px,4vw,25px);color:#cfcfcf;font-weight:400;transition:all .5s;padding:2px 10px;display:flex;justify-self:center;justify-content:center;width:85%;border-bottom:1px solid rgb(183,183,183);background:transparent}#box-container h3:hover{transform:scale(1.05)}.technologies{display:flex;flex-wrap:wrap;gap:6px;justify-self:center;width:90%;justify-content:center;margin-top:20px}.technologies h5{border:1px solid rgb(187,187,187);padding:2px 10px;border-radius:10px;font-size:12px;transition:all .5s;color:#c2c2c2;border:1px solid rgb(106,106,106);font-weight:400}.technologies h5:hover{color:#cbcbcb;border:1px solid rgb(247,99,0)}a{text-decoration:none}#box-container a{color:#d8d8d8;background-color:#313131;padding:5px 25px;border-radius:10px;display:flex;justify-self:center;margin-bottom:35px;font-weight:900;font-size:18px;letter-spacing:2px}@media(max-width:992px){#box-container{max-width:100%;padding:5px;display:flex;justify-self:center;gap:20px;flex-wrap:wrap;justify-content:center}.box-image{width:180px;height:180px;display:flex;justify-self:center;background-position:center;background-size:cover;filter:saturate(1);filter:brightness(1.4);transition:all .5s}.box{max-width:250px;border-radius:19px;padding:10px 10px 20px;cursor:pointer;border-bottom:3px solid rgb(224,224,224);transition:all .5s;background:linear-gradient(#000,#000,#000,#1d1d1d,#1d1d1d)}#box-container p{line-height:normal;width:90%;margin:auto auto 5px;font-size:clamp(11px,1vw,15px)}#box-container h3{text-align:center;margin-bottom:15px;margin-top:20px;font-size:clamp(16px,1vw,25px);color:#cfcfcf;font-weight:600;transition:all .5s;padding:2px 3px;display:flex;justify-self:center;justify-content:center;width:95%;border-bottom:1px solid rgb(177,177,177);box-shadow:0 10px 17px -10px #f8faf988;background:transparent}.technologies{display:flex;flex-wrap:wrap;gap:6px;justify-self:center;width:100%;justify-content:center;margin-top:8px}.technologies h5{padding:2px 6px;border-radius:10px;font-size:clamp(7px,1vw,15px);transition:all .5s;color:#c1c1c1;border:1px solid rgb(122,122,122);font-weight:400}#role-container{display:flex;width:43%;height:8%;justify-content:center;align-items:center;align-self:end;border-radius:20px;margin-left:auto;margin-right:auto;transition:all .03s}#role-container h5{font-size:clamp(7px,1vw,15px);font-weight:500}}@media(max-width:600px){#box-container{max-width:100%;padding:5px;display:flex;justify-self:center;gap:100px;flex-wrap:wrap;justify-content:center}.box-image{width:240px;height:240px;display:flex;justify-self:center;background-position:center;background-size:cover;filter:saturate(1);filter:brightness(1.4);transition:all .5s}.box{max-width:290px;border-radius:19px;padding:10px 10px 20px;cursor:pointer;border-bottom:3px solid rgb(232,232,232);box-shadow:-2px 29px 19px -19px #f9f9f935;transition:all .5s;background:linear-gradient(#000,#000,#000,#1d1d1d,#1d1d1d);background:linear-gradient(#0000,#0000,#00000097,#0f0f0f,#0f0f0f)}#box-container p{line-height:normal;width:90%;margin:auto auto 5px;font-size:clamp(14px,1vw,15px);font-weight:400}#box-container h3{text-align:center;margin-bottom:15px;margin-top:20px;font-size:clamp(20px,2vw,25px);color:#cfcfcf;font-weight:600;transition:all .5s;padding:2px 3px;display:flex;justify-self:center;justify-content:center;width:95%;border-bottom:1px solid rgb(176,176,176);box-shadow:0 10px 17px -10px #f1f7f388;background:transparent}.technologies{display:flex;flex-wrap:wrap;gap:6px;justify-self:center;width:100%;justify-content:center;margin-top:8px}.technologies h5{border:1px solid rgb(113,113,113);padding:2px 6px;border-radius:10px;font-size:clamp(11px,1vw,15px);transition:all .5s;color:#a5a5a5;border:1px solid rgb(131,131,131);font-weight:500}#role-container{display:flex;width:43%;height:8%;justify-content:center;align-items:center;align-self:end;border-radius:20px;margin-left:auto;margin-right:auto;transition:all .03s}#role-container h5{font-size:clamp(10px,1vw,15px);font-weight:500}}@media(max-width:380px){#box-container{max-width:100%;padding:5px;display:flex;justify-self:center;gap:20px;flex-wrap:wrap;justify-content:center}.box-image{width:220px;height:220px;display:flex;justify-self:center;background:linear-gradient(#0000,#000000fc),url("/public/Tree official 4 with  filter.jpg");background-position:center;background-size:cover;filter:saturate(1);filter:brightness(1.4);transition:all .5s}.box{max-width:260px;border-radius:19px;padding:10px 10px 20px;cursor:pointer;border-bottom:3px solid rgb(226,226,226);box-shadow:-2px 29px 19px -19px #f0f6f135;transition:all .5s;background:linear-gradient(#000,#000,#000,#1d1d1d,#1d1d1d)}#box-container p{line-height:normal;width:90%;margin:auto auto 5px;font-size:clamp(11px,1vw,15px)}#box-container h3{text-align:center;margin-bottom:15px;margin-top:20px;font-size:clamp(17px,1vw,25px);color:#cfcfcf;font-weight:600;transition:all .5s;padding:2px 3px;display:flex;justify-self:center;justify-content:center;width:95%;border-bottom:1px solid rgb(178,178,178);box-shadow:0 10px 17px -10px #f8f8f888;background:transparent}.technologies{display:flex;flex-wrap:wrap;gap:3px;justify-self:center;width:100%;justify-content:center;margin-top:8px}.technologies h5{padding:2px 6px;border-radius:10px;font-size:clamp(8px,1vw,15px);transition:all .5s;color:#c7c7c7;border:1px solid rgb(140,140,140);font-weight:400}#role-container{display:flex;width:43%;height:8%;justify-content:center;align-items:center;align-self:end;border-radius:20px;margin-left:auto;margin-right:auto;transition:all .03s}#role-container h5{font-size:clamp(10px,1vw,15px);font-weight:500}}@keyframes box-anime{0%{opacity:0;transform:translateY(500px);border:4px solid transparent;border-image:linear-gradient(to top,rgba(25,222,64,0),transparent,transparent);border-image-slice:1}20%{opacity:.4;transform:translateY(0);border:4px solid transparent;border-image:linear-gradient(to top,rgba(25,222,64,.501),transparent,transparent);border-image-slice:1}40%{opacity:1;transform:translateY(0);border:4px solid transparent;border-image:linear-gradient(to top,rgb(17,192,17),transparent,transparent);border-image-slice:1}60%{opacity:1;transform:translateY(0);border:4px solid transparent;border-image:linear-gradient(to top,rgb(17,192,17),transparent,transparent);border-image-slice:1}80%{opacity:.4;transform:translateY(0);border:4px solid transparent;border-image:linear-gradient(to top,rgba(25,222,64,.284),transparent,transparent);border-image-slice:1}to{opacity:0;transform:translateY(-500px);border:4px solid transparent;border-image:linear-gradient(to top,rgba(25,222,64,0),transparent,transparent);border-image-slice:1}}.box{animation-name:box-anime;animation-timing-function:linear;animation-timeline:view();animation-range:entry exit}#page3{min-height:100vh;width:100%;background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;padding:10px 0;background:linear-gradient(90deg,#131313,#000,#000,#000000f3,#000000f9,#000,#000,#0d0d0d),url(/public/pexels-enginakyurt-6348909.jpg);background:linear-gradient(90deg,#131313,#000000bd,#000000e1,#000000df,#000000e3,#000000df,#000d,#0d0d0d),url(/assets/pexels-eva-bronzini-6914875-CXRRROn7.jpg);background:#000;background:#000000ec}@keyframes box-anime{0%{opacity:0;transform:translateY(500px)}20%{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(0)}80%{opacity:.4;transform:translateY(0)}to{opacity:0;transform:translateY(-500px)}}#web-box{max-width:730px;margin:auto;border:2px solid transparent;border-image:linear-gradient(to top,rgb(186,186,186),transparent,transparent);border-image-slice:1;box-shadow:-2px 29px 19px -19px #fbfbfb35;box-shadow:-2px 19px 19px -19px #ff5e008e;display:flex;justify-content:center;flex-direction:column;align-items:center;background:linear-gradient(#0f0f0f,#0f0f0f);animation-name:box-anime;animation-timeline:view();animation-timing-function:linear;animation-range:entry exit}#web-image-container{display:flex;width:100%;flex-direction:column;justify-content:space-between;justify-self:center;background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:contain}#web-image-tech-stack ul{display:flex;flex-direction:row;list-style-type:none;justify-content:space-between;flex-wrap:wrap}#web-image-tech-stack ul li{color:#8cc388;color:#ededed;background:transparent;border:1px solid rgb(7,191,7);border:1px solid rgb(106,106,106);border-radius:18px;padding:2px 15px;font-size:11px}#web-image-text{padding:0 60px 20px}#web-image-text #heading-con1{display:flex;align-items:center;color:#c9c9c9}#web-image-text #heading-con1 h1{color:#c9c9c9}#heading-line{background:linear-gradient(-90deg,#0000,#11c011,#0000);background:linear-gradient(-90deg,#0000,#cacaca,#0000);filter:contrast(1.6);width:100%;height:2px}#web-image-text h4{color:#c9c9c9}#web-image-text h5{color:#b1b1b1;font-size:18px}#logo-with-line-con{display:flex;align-items:center;width:90%}#my-logo-small{width:35px;height:35px;filter:brightness(110%);filter:contrast(1.6)}#visit-container{display:flex;align-items:center}#visit-button-image{color:#fff;width:30px;height:30px}#visit-button{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;background:transparent;border-radius:5px;padding:3px 30px;gap:10px;background:#11c011;background:#4c4c4c;font-weight:700;transition:all .4s}#visit-button:hover{scale:1.1}#all-page3-container{display:flex;flex-direction:row;justify-content:center;gap:20px}#all-web-box-container{display:flex;flex-direction:column;gap:20px;justify-content:center}@keyframes appear-arrow{0%{transform:translateY(500px)}20%{transform:translateY(0)}40%{transform:translateY(0)}60%{transform:translateY(0)}80%{transform:translateY(0)}to{transform:translateY(-500px)}}#box-down-arrow{display:flex;justify-content:center;animation-name:appear-arrow;animation-timeline:view();animation-timing-function:linear;animation-range:entry exit}#d-arrow{height:30px;width:30px;color:#cacaca}#page3-intro{display:flex;justify-content:center;font-size:clamp(20px,1vw,25px)}#page3-line{width:8px;height:200vh;border-radius:20px;background:linear-gradient(180deg,#0000,#cf560413,#f76300,red);animation:page-line linear;animation-timeline:view();animation-range:entry exit}@keyframes page-line{0%{height:0vh}to{height:200vh}}#view-portfolio-container{border:2px solid transparent;border-image:linear-gradient(to bottom,rgb(212,212,212),transparent,transparent);border-image-slice:1;display:flex;flex-direction:column;justify-content:center;padding:20px 10px;align-items:center;background:linear-gradient(#0f0f0f,#0f0f0f)}#all-web-logos{display:flex;flex-direction:row;justify-content:space-evenly;width:100%}#all-web-logos img{height:50px;width:50px;box-shadow:-2px 19px 19px -10px #757575bb;background:transparent;border-radius:50%}#view-portfolio-container a{background:#070707;border-radius:18px;color:#fff;font:900;width:90px;display:flex;justify-content:center;align-items:center;height:40px;transition:all .4s}#view-portfolio-container a:hover{scale:1.1}@media(max-width:992px){#web-box{max-width:330px;background-color:#1d1d1d}#web-image-tech-stack ul{justify-content:center;gap:9px}#web-image-text{padding:0 20px 20px}#all-page3-container{gap:10px}#visit-button{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;background:transparent;border-radius:5px;padding:3px 30px;gap:10px;background:#4d4d4d;font-weight:700;transition:all .4s}}@media(max-width:992px){#web-box{max-width:630px}#web-image-tech-stack ul{justify-content:center;gap:9px}#web-image-text{padding:0 20px 20px}#all-page3-container{gap:10px}}@media(max-width:600px){#web-box{background:transparent;max-width:370px;margin:auto;background-color:#1d1d1d}#view-portfolio-container{max-width:370px}#all-web-logos img{height:39px;width:39px;background:transparent;border-radius:50%}#visit-button{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;background:transparent;border-radius:5px;padding:3px 30px;gap:10px;font-weight:700;transition:all .4s}}@media(max-width:405px){#web-box{background:transparent;max-width:340px;margin:auto;background-color:#1d1d1d}#view-portfolio-container{max-width:340px}#all-web-logos img{height:35px;width:35px;background:transparent;border-radius:50%}}@media(max-width:370px){#web-box{background:transparent;max-width:300px;margin:auto;background-color:#1d1d1d}#view-portfolio-container{max-width:300px}#all-web-logos img{height:30px;width:30px;background:transparent;border-radius:50%}}#page4{min-height:100vh;width:100%;padding:0 60px;background-position:center;background-size:cover;background-attachment:scroll;background-repeat:no-repeat;background:#000;background:#000000ec}#about-heading{padding:0 20px;font-size:clamp(22px,1vw,25px);display:flex;gap:10px;flex-direction:row;align-items:center;justify-content:center}#about-heading h3{font-weight:700}#about-me-container{display:grid;grid-template-columns:4fr 2fr;gap:30px;justify-content:center;align-items:center;min-height:90vh}#about-me-box{padding:20px 0 20px 20px;border:1px solid transparent;border-image:linear-gradient(to bottom,rgb(228,228,228),transparent);border-image-slice:1;border-radius:20px;height:100%;background-color:#0000}#about-me-box p{padding:20px;border-radius:20px;background:linear-gradient(#0f0f0f,#0f0f0f)}#about-logo-container{display:flex;flex-direction:row;align-items:center;padding:0 10px}#text-arrow{color:#c5c5c5;width:35px;height:35px;border-radius:50%;filter:brightness(110%);filter:contrast(1.6)}#logo-line{background:linear-gradient(90deg,#b8b8b8,#b8b8b8,#0000);filter:contrast(1.6);height:8px;width:100%;border-radius:20px}#skills-percent-container #about-logo-container{display:flex;flex-direction:row-reverse;gap:0px}#skills-percent-container #about-logo-container #logo-line{background:linear-gradient(-90deg,#ccc,#393939);filter:contrast(1.6);height:2px;width:100%}.skills-logos{color:#cbcbcb;width:25px;height:25px;display:flex;margin-bottom:2px;border-radius:50%}#resume-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;justify-content:center}#resume-btn-con{display:flex;flex-direction:column;justify-content:center;align-items:center}#resume-btn-con p{padding:0;width:max-content;display:flex}#resume-btns{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}#resume-btns a{background:#000;padding:5px 25px;border-radius:10px;min-width:110px;display:flex;justify-content:center;color:#d8d8d8;border-bottom:4px solid rgb(247,74,0);transition:all .3s ease}#resume-btns a:hover{transform:scale(1.05)}#about2-logo-container{display:flex;flex-direction:row;align-items:center;padding:5px 25px;transition:all .3s ease}#text2-arrow{color:#c6c6c6;width:35px;height:35px;border-radius:50%;filter:brightness(110%);filter:contrast(1.6)}#logo2-line{background:linear-gradient(-90deg,#c3c3c3,#0000);filter:contrast(1.6);height:2px;width:100%;height:8px}#skills-percent-container #about2-logo-container{display:flex;flex-direction:row;gap:0px}#skills-percent-container{border:1px solid transparent;border-image:linear-gradient(to bottom,rgb(219,219,219),transparent);border-image-slice:1;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:100%;background:#1d1d1d00}#skills-percent-container h3{background:transparent;border-radius:13px;padding:7px 20px;color:#ccc;font-weight:400;display:flex;gap:10px;flex-direction:column;align-items:center;justify-content:center}.skill-box{display:flex;flex-direction:column;gap:2px;border-radius:20px;padding:20px;background:linear-gradient(#0f0f0f,#0f0f0f)}#skills-name{display:flex;flex-direction:row;justify-content:space-between}.skill-box h5{color:#9b9b9b;font-weight:200;font-size:clamp(11px,1vw,17px)}.skill-box h6{color:#bababa;font-weight:400;font-size:clamp(10px,1vw,15px);display:flex;gap:10px;justify-content:center;align-items:center}#percentbox{width:100%;height:5px;border-radius:8px;background-color:#000;display:flex;justify-content:start;align-items:end}#skill-percent{width:78%;height:100%;border-bottom-left-radius:8px;border-top-left-radius:8px;background:linear-gradient(90deg,#656565,#b6b6b6);background:linear-gradient(90deg,#f76300,red)}.skill-box:nth-of-type(1) #skill-percent{width:20%;height:100%}.skill-box:nth-of-type(2) #skill-percent{width:90%;height:100%}.skill-box:nth-of-type(3) #skill-percent{width:60%;height:100%}.skill-box:nth-of-type(4) #skill-percent{width:87%;height:100%}.skill-box:nth-of-type(5) #skill-percent{width:65%;height:100%}.skill-box:nth-of-type(6) #skill-percent{width:38%;height:100%}.skill-box:nth-of-type(8) #skill-percent{width:30%;height:100%}#me-text-container{display:grid;grid-template-columns:97% 3%;gap:20px}@keyframes me-line{0%{height:0%}to{height:100%}}#language-div p{margin:0;padding:0}#me-text-line{height:100%;width:8px;border-radius:20px;background:linear-gradient(180deg,#0000,#cf560413,#f76300,red);animation-name:me-line;animation-timeline:view();animation-timing-function:linear;animation-range:entry exit}@media(max-width:992px){#bg-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;object-fit:cover;z-index:-1}#about-me-container{display:grid;grid-template-rows:2.3fr 2fr;row-gap:20px;column-gap:0px;grid-template-columns:1fr;justify-content:start;align-items:start;min-height:min-content}#about-me-box{padding:20px;border:1px solid transparent;border-image:linear-gradient(to bottom,rgb(218,218,218),transparent);border-image-slice:1;border-radius:20px;background:transparent;height:min-content}#skills-percent-container{padding:30px 40px;border:1px solid transparent;border-image:linear-gradient(to bottom,rgb(224,224,224),transparent);border-image-slice:1;border-radius:20px;display:flex;flex-direction:column;gap:20px;min-height:auto;margin-bottom:40px;background:#1d1d1d}.skill-box h5{color:#9b9b9b;font-weight:200;font-size:clamp(14px,1vw,15px)}.skill-box h6{color:#bababa;font-weight:400;font-size:clamp(14px,1vw,15px)}}@media(max-width:600px){#bg-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;object-fit:cover;z-index:-1}#page4{min-height:100vh;width:100%;padding:0 10px;background:linear-gradient(90deg,#131313,#000,#000,#000000f3,#000000f9,#000,#000,#0d0d0d),url(/public/pexels-enginakyurt-6348909.jpg);background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background:#000000ec}#about-me-container{display:grid;grid-template-rows:2fr .7fr;row-gap:5px;column-gap:0px;grid-template-columns:1fr;justify-content:center;align-items:center;min-height:100VH;justify-self:center}#about-me-box{padding:20px;width:90%;justify-self:center;border:1px solid transparent;border-image:linear-gradient(to bottom,rgb(232,232,232),transparent);border-image-slice:1;border-radius:20px;background-color:#0000}.skill-box h5{color:#9b9b9b;font-weight:200;font-size:clamp(14px,1vw,15px)}.skill-box h6{color:#bababa;font-weight:400;font-size:clamp(14px,1vw,15px)}#skills-percent-container{padding:10px 40px;border:1px solid transparent;border-image:linear-gradient(to bottom,rgb(231,231,231),transparent);border-image-slice:1;border-radius:20px;display:flex;flex-direction:column;gap:12px;width:90%;justify-self:center;min-height:auto;margin-bottom:40px;background-color:#0000}}@keyframes appear2{0%{opacity:0;scale:0;transform:translate(200px)}40%{opacity:1;transform:translate(0);scale:1}60%{opacity:1;transform:translate(0);scale:1}80%{opacity:1;transform:translate(0);scale:1}to{opacity:0;transform:translate(200px);scale:.1}}@keyframes appear3{0%{opacity:0;scale:0;transform:translate(-500px)}20%{opacity:.8;transform:translate(0);scale:.8}40%{opacity:1;transform:translate(0);scale:1}60%{opacity:1;transform:translate(0);scale:1}80%{opacity:1;transform:translate(0);scale:1}to{opacity:0;transform:translate(-500px);scale:.1}}@keyframes box-anime{0%{transform:translateY(500px)}20%{transform:translateY(0)}40%{transform:translateY(0)}60%{transform:translateY(0)}80%{transform:translateY(0)}to{transform:translateY(-500px)}}#about-me-box,#skills-percent-container{animation-name:box-anime;animation-timeline:view();animation-timing-function:linear;animation-range:entry exit}#about-me-box #logo-line{animation-name:appear2;animation-timeline:view();animation-timing-function:linear;animation-delay:2s;animation-range:entry exit}#logo2-line{animation-name:appear45;animation-timeline:view();animation-timing-function:linear;animation-range:entry cover 20%}#page5{min-height:100vh;width:100%;background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background:#000;background:#000000ec}#page5-container{padding:30px}#page5-container h3{color:#cecece;font-size:clamp(24px,1vw,25px);text-align:center}#model-box{max-width:390px;display:flex;flex-direction:column;padding:0 20px 20px;border:2px solid transparent;border-image:linear-gradient(to top,rgb(186,186,186),transparent,transparent);border-image-slice:1;box-shadow:-2px 29px 19px -19px #fbfbfb35;background:linear-gradient(#0f0f0f,#0f0f0f);box-shadow:-2px 19px 19px -19px #ff5e008e}#model-pic{display:flex;justify-content:center}#model-img{width:390px;cursor:pointer}#model-details span{display:flex;flex-direction:row;justify-content:space-between;align-items:end}#model-details span h1{font-size:clamp(18px,1vw,25px);color:#cecece;font-weight:400}#model-details span h3{font-size:clamp(17px,1vw,25px);color:#cecece;font-weight:200}#visit-button{font-size:clamp(16px,1vw,25px);color:#cecece;border-radius:5px;font-weight:400;background:#030303;padding:6px 20px;cursor:pointer;transition:all .5s;display:flex;justify-content:center;align-items:center;border:none}#visit-button:hover{scale:1.08}#model-details section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}#model-details section a{display:flex;flex-direction:row;justify-content:center;align-items:center}#model-content-box{display:flex;justify-content:center;gap:40px;flex-direction:row;flex-wrap:wrap}#page5 #view-portfolio-container{display:flex;width:60%;margin:60px auto auto}@media(max-width:600px){#page5 #view-portfolio-container{display:flex;width:100%}}#resume_page{height:80vh;width:100%;background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;padding:10px 0;display:flex;justify-content:center;background:#000000ec;overflow-x:hidden}#bg-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;object-fit:cover;z-index:-1}#resume_page h3{text-align:center;font-size:clamp(24px,1vw,25px)}#resume-page-container{display:flex;flex-direction:column;padding:30px}#resume-marquee{position:relative;width:50%;overflow:hidden;padding:30px 0;margin:auto}#resume-marquee:before{content:"";position:absolute;left:0;top:0;width:120px;height:100%;z-index:5;pointer-events:none;background:linear-gradient(to right,#000,transparent)}#resume-marquee:after{content:"";position:absolute;right:0;top:0;width:120px;height:100%;z-index:5;pointer-events:none;background:linear-gradient(to left,#000000,transparent)}#resume-page-content-box{display:flex;align-items:center;gap:40px;flex-direction:row;width:max-content;animation:marquee 20s linear infinite}#resume-page-content-box:hover{animation-play-state:paused}#achievement-box{display:flex;justify-content:center;align-items:center;flex-shrink:0}#achievement-box img{width:250px;border-radius:12px;transition:transform .4s ease}#achievement-box img:hover{transform:scale(1.08)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}#horizontal-line{width:100%;height:4px;background:linear-gradient(90deg,#f76300,red);box-shadow:0 0 2px #f76300,0 0 20px red,0 0 2px #df3502}