diff --git a/asset-manifest.json b/asset-manifest.json index a62ec16..7d6ea7e 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,7 +1,7 @@ { "files": { - "main.css": "/Portfolio/static/css/main.d1955679.css", - "main.js": "/Portfolio/static/js/main.59a11fce.js", + "main.css": "/Portfolio/static/css/main.228a7028.css", + "main.js": "/Portfolio/static/js/main.c7a9205a.js", "static/media/python.png": "/Portfolio/static/media/python.88d760de81b70b09494c.png", "static/media/sql.png": "/Portfolio/static/media/sql.d3fc415c42a0d23e656f.png", "static/media/Yapay_Zeka_ve_Algoritma.png": "/Portfolio/static/media/Yapay_Zeka_ve_Algoritma.81c93a97b296e74bdff5.png", @@ -18,15 +18,18 @@ "static/media/intro_machine_learning.png": "/Portfolio/static/media/intro_machine_learning.66642f6ac963b5de0004.png", "static/media/intro_python1.png": "/Portfolio/static/media/intro_python1.c94faad0a47b88e0088e.png", "static/media/ai_akbank_bootcamp.png": "/Portfolio/static/media/ai_akbank_bootcamp.e3802f21cffc3135836d.png", + "static/media/solong.png": "/Portfolio/static/media/solong.d53a662e4b5969fdd741.png", "static/media/minishell.png": "/Portfolio/static/media/minishell.e76360a24e2d7bb9ce13.png", "static/media/profile.png": "/Portfolio/static/media/profile.869b0888c1fe070f6edb.png", + "static/media/shell.png": "/Portfolio/static/media/shell.28cb33d7659f79f26514.png", + "static/media/t3.png": "/Portfolio/static/media/t3.9ae1ce515a92b3478156.png", "static/media/netframework.png": "/Portfolio/static/media/netframework.2d320e2e5e29f6844d29.png", "static/media/flo.png": "/Portfolio/static/media/flo.8207705a094b7355997a.png", "static/media/cub3d.png": "/Portfolio/static/media/cub3d.c37f816411bc11487c44.png", "static/media/kihmed.png": "/Portfolio/static/media/kihmed.03d0ff4ad11b37653e26.png", + "static/media/game.png": "/Portfolio/static/media/game.c459b79afba3e59d0ecd.png", "static/media/Linkedin.png": "/Portfolio/static/media/Linkedin.c0a82b96c88307e19fd1.png", - "static/media/Phone.png": "/Portfolio/static/media/Phone.7af575212c2af57f3ae0.png", - "static/media/badi.png": "/Portfolio/static/media/badi.f23d1b4395506b17d6a7.png", + "static/media/badib.png": "/Portfolio/static/media/badib.8300f97942aae37ce4bd.png", "static/media/deno.svg": "/Portfolio/static/media/deno.04aa2c4dc756e5c4e0b671aed1a69491.svg", "static/media/postgresql.svg": "/Portfolio/static/media/postgresql.f0f3d0b9f02ed22418fc182be982a49c.svg", "static/media/ruby.svg": "/Portfolio/static/media/ruby.775cc228863c290a34668762dc1b1ac1.svg", @@ -102,11 +105,11 @@ "static/media/vue.svg": "/Portfolio/static/media/vue.5f5d16894e0a3def9502734973eb8eb5.svg", "static/media/vuetifyjs.svg": "/Portfolio/static/media/vuetifyjs.3848fcff351a0cbc94e75362594d2b25.svg", "static/media/bulma.svg": "/Portfolio/static/media/bulma.12ecb7941234000a2fe38a48cbce30da.svg", - "main.d1955679.css.map": "/Portfolio/static/css/main.d1955679.css.map", - "main.59a11fce.js.map": "/Portfolio/static/js/main.59a11fce.js.map" + "main.228a7028.css.map": "/Portfolio/static/css/main.228a7028.css.map", + "main.c7a9205a.js.map": "/Portfolio/static/js/main.c7a9205a.js.map" }, "entrypoints": [ - "static/css/main.d1955679.css", - "static/js/main.59a11fce.js" + "static/css/main.228a7028.css", + "static/js/main.c7a9205a.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 1491cec..2441bda 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Muhammed Eren AKBAŞ
\ No newline at end of file +Muhammed Eren AKBAŞ
\ No newline at end of file diff --git a/static/css/main.228a7028.css b/static/css/main.228a7028.css new file mode 100644 index 0000000..56c01a1 --- /dev/null +++ b/static/css/main.228a7028.css @@ -0,0 +1,2 @@ +:root{--bg-gradient-onyx:linear-gradient(to bottom right,#3f3f40 3%,#303030 97%);--bg-gradient-jet:linear-gradient(to bottom right,rgba(45,45,46,.251),#1b1b1d00),#202022;--bg-gradient-yellow-1:linear-gradient(to bottom right,#ffda6b,#ffc06100 50%);--bg-gradient-yellow-2:linear-gradient(135deg,rgba(255,218,107,.251),#ffbb5c00 59.86%),#202022;--border-gradient-onyx:linear-gradient(to bottom right,#404040,#40404000 50%);--text-gradient-yellow:linear-gradient(90deg,#ffdb70,#ffbb5c);--jet:#383838;--onyx:#2b2b2c;--eerie-black-1:#202022;--eerie-black-2:#1e1e1f;--smoky-black:#121212;--white-1:#fff;--white-2:#fafafa;--orange-yellow-crayola:#ffdb70;--vegas-gold:#ceb15a;--light-gray:#d6d6d6;--light-gray-70:#d6d6d6b3;--bittersweet-shimmer:#b84c4c;--ff-poppins:"Poppins",sans-serif;--fs-1:24px;--fs-2:18px;--fs-3:17px;--fs-4:16px;--fs-5:15px;--fs-6:14px;--fs-7:13px;--fs-8:11px;--fs-9:9px;--fw-300:300;--fw-400:400;--fw-500:500;--fw-600:600;--shadow-1:-4px 8px 24px #00000040;--shadow-2:0 16px 30px #00000040;--shadow-3:0 16px 40px #00000040;--shadow-4:0 25px 50px #00000026;--shadow-5:0 24px 80px #00000040;--transition-1:0.25s ease;--transition-2:0.5s ease-in-out}*,:after,:before{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}li{list-style:none}a,button,img,ion-icon,span,time{display:block}button{border:none;cursor:pointer;text-align:left}button,input,textarea{background:none;font:inherit}input,textarea{display:block;width:100%}::selection{background:#ffdb70;background:var(--orange-yellow-crayola);color:#121212;color:var(--smoky-black)}:focus{outline-color:#ffdb70;outline-color:var(--orange-yellow-crayola)}html{font-family:Poppins,sans-serif;font-family:var(--ff-poppins)}body{background:#121212;background:var(--smoky-black)}article{background:#1e1e1f;background:var(--eerie-black-2);border:1px solid #383838;border:1px solid var(--jet);border-radius:20px;box-shadow:-4px 8px 24px #00000040;box-shadow:var(--shadow-1);padding:15px;z-index:1}.separator{background:#ffdb70;background:var(--orange-yellow-crayola);height:3px;margin:16px 0;width:100%}article{display:none}article.active{animation:fade .5s ease backwards;display:block}@keyframes fade{0%{opacity:0}to{opacity:1}}.h2,.h3,.h4,.h5{color:#fafafa;color:var(--white-2);text-transform:capitalize}.h2{font-size:24px;font-size:var(--fs-1)}.h3{font-size:18px;font-size:var(--fs-2)}.h4{font-size:16px;font-size:var(--fs-4)}.h5{font-size:13px;font-size:var(--fs-7);font-weight:500;font-weight:var(--fw-500)}.article-title{padding-bottom:7px;position:relative}.article-title:after{background:linear-gradient(90deg,#ffdb70,#ffbb5c);background:var(--text-gradient-yellow);border-radius:3px;bottom:0;content:"";height:5px;left:0;position:absolute;width:200px}.has-scrollbar::-webkit-scrollbar{height:5px;width:5px}.has-scrollbar::-webkit-scrollbar-track{background:#2b2b2c;background:var(--onyx);border-radius:5px}.has-scrollbar::-webkit-scrollbar-thumb{background:#ffdb70;background:var(--orange-yellow-crayola);border-radius:5px}.has-scrollbar::-webkit-scrollbar-button{width:20px}main{margin:15px 12px 80px;min-width:259px}.about .article-title{margin-bottom:15px}.about-text{color:#d6d6d6;color:var(--light-gray);font-size:14px;font-size:var(--fs-6);font-weight:300;font-weight:var(--fw-300);line-height:1.6}.about-text p{margin-bottom:15px}.article-title,.mapbox{margin-bottom:30px}.mapbox{border:1px solid #383838;border:1px solid var(--jet);border-radius:16px;height:250px;overflow:hidden;position:relative;width:100%}.mapbox figure{height:100%}.mapbox iframe{border:none;filter:grayscale(1) invert(1);height:100%;width:100%}.contact-form{margin-bottom:10px}.form-title{margin-bottom:20px}.input-wrapper{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr;margin-bottom:25px}.form-input{border:1px solid #383838;border:1px solid var(--jet);border-radius:14px;color:#fafafa;color:var(--white-2);font-size:14px;font-size:var(--fs-6);font-weight:400;font-weight:var(--fw-400);outline:none;padding:13px 20px}.form-input::placeholder{font-weight:500;font-weight:var(--fw-500)}.form-input:focus{border-color:#ffdb70;border-color:var(--orange-yellow-crayola)}textarea.form-input{height:120px;margin-bottom:25px;max-height:200px;min-height:100px;resize:vertical}textarea.form-input::-webkit-resizer{display:none}.form-input:focus:invalid{border-color:#b84c4c;border-color:var(--bittersweet-shimmer)}.form-btn{align-items:center;background:linear-gradient(to bottom right,#404040,#40404000 50%);background:var(--border-gradient-onyx);border-radius:14px;box-shadow:0 16px 40px #00000040;box-shadow:var(--shadow-3);color:#ffdb70;color:var(--orange-yellow-crayola);display:flex;font-size:14px;font-size:var(--fs-6);gap:10px;justify-content:center;padding:13px 20px;position:relative;text-transform:capitalize;width:100%;z-index:1}.form-btn,.form-btn:before{transition:.25s ease;transition:var(--transition-1)}.form-btn:before{background:linear-gradient(to bottom right,rgba(45,45,46,.251),#1b1b1d00),#202022;background:var(--bg-gradient-jet);border-radius:inherit;content:"";inset:1px;position:absolute;z-index:-1}.form-btn ion-icon{font-size:16px}.form-btn:hover{background:linear-gradient(to bottom right,#ffda6b,#ffc06100 50%);background:var(--bg-gradient-yellow-1)}.form-btn:hover:before{background:linear-gradient(135deg,rgba(255,218,107,.251),#ffbb5c00 59.86%),#202022;background:var(--bg-gradient-yellow-2)}.form-btn:disabled{cursor:not-allowed;opacity:.7}.form-btn:disabled:hover{background:linear-gradient(to bottom right,#404040,#40404000 50%);background:var(--border-gradient-onyx)}.form-btn:disabled:hover:before{background:linear-gradient(to bottom right,rgba(45,45,46,.251),#1b1b1d00),#202022;background:var(--bg-gradient-jet)}@media (min-width:200px){main{margin-bottom:150px}.clients-item{min-width:calc(33.33% - 10px)}.icon-row,.project-img{align-items:center;display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-bottom:10px}}@media (min-width:405px){main{margin-bottom:80px}}@media (min-width:580px){:root{--fs-1:32px;--fs-2:24px;--fs-3:26px;--fs-4:18px;--fs-6:15px;--fs-7:15px;--fs-8:12px}article{margin-inline:auto;padding:30px;width:520px}.article-title{font-weight:600;font-weight:var(--fw-600);padding-bottom:15px}main{margin-bottom:100px;margin-top:50px}.separator{margin:32px 0}.about .article-title{margin-bottom:20px}.about-text{margin-bottom:40px}.project-img{border-radius:16px}.mapbox{border-radius:18px;height:380px}.input-wrapper{gap:30px;margin-bottom:30px}.form-input{padding:15px 20px}textarea.form-input{margin-bottom:30px}.form-btn{--fs-6:16px;padding:16px 20px}.form-btn ion-icon{font-size:18px}}@media (min-width:768px){article{width:700px}.has-scrollbar::-webkit-scrollbar-button{width:100px}.modal-avatar-box img{width:80px}.article-title{padding-bottom:20px}.filter-select-box{display:none}.filter-list{align-items:center;display:flex;gap:25px;justify-content:flex-start;margin-bottom:30px;padding-left:5px}.filter-item button{color:#d6d6d6;color:var(--light-gray);font-size:15px;font-size:var(--fs-5);transition:.25s ease;transition:var(--transition-1)}.filter-item button:hover{color:#d6d6d6b3;color:var(--light-gray-70)}.filter-item button.active{color:#ffdb70;color:var(--orange-yellow-crayola)}.input-wrapper,.project-list{grid-template-columns:1fr 1fr}.form-btn{margin-left:auto;width:-webkit-max-content;width:max-content}}@media (min-width:1024px){:root{--shadow-1:-4px 8px 24px rgba(0,0,0,.125);--shadow-2:0 16px 30px rgba(0,0,0,.125);--shadow-3:0 16px 40px rgba(0,0,0,.125)}article{box-shadow:0 24px 80px #00000040;box-shadow:var(--shadow-5);width:950px}main{margin-bottom:60px}.main-content{margin:auto;position:relative;width:-webkit-max-content;width:max-content}.clients-item{min-width:calc(25% - 38px)}.project-list{grid-template-columns:repeat(3,1fr)}}@media (min-width:1250px){body::-webkit-scrollbar{width:20px}body::-webkit-scrollbar-track{background:#121212;background:var(--smoky-black)}body::-webkit-scrollbar-thumb{background:#ffffff1a;border:5px solid #121212;border:5px solid var(--smoky-black);border-radius:20px;box-shadow:inset 1px 1px 0 #ffffff1c,inset -1px -1px 0 #ffffff1c}body::-webkit-scrollbar-thumb:hover{background:#ffffff26}body::-webkit-scrollbar-button{height:60px}article{min-height:100%;width:auto}main{align-items:stretch;display:flex;gap:25px;justify-content:center;margin-inline:auto;max-width:1200px}.main-content{margin:0;min-width:75%;width:75%}}.sidebar,article{background:var(--eerie-black-2);border:1px solid var(--jet);border-radius:20px;box-shadow:var(--shadow-1);padding:15px;z-index:1}.sidebar{margin-bottom:15px;max-height:112px;overflow:hidden;transition:var(--transition-2)}.sidebar.active{max-height:405px}.sidebar-info{gap:15px;justify-content:flex-start;position:relative}.avatar-box,.sidebar-info{align-items:center;display:flex}.avatar-box{border:3px solid var(--vegas-gold);border-radius:20px;box-sizing:border-box;height:150px;justify-content:center;overflow:hidden;padding:10px;width:150px}.avatar-box img{height:100%;object-fit:cover;width:100%}.info-content .name{color:var(--white-2);font-size:var(--fs-3);font-weight:var(--fw-500);letter-spacing:-.25px;margin-bottom:10px}.info-content .title{background:var(--onyx);border-radius:8px;color:var(--white-1);font-size:var(--fs-8);font-weight:var(--fw-300);padding:3px 12px;width:-webkit-max-content;width:max-content}.info_more-btn{background:var(--border-gradient-onyx);border-radius:0 15px;box-shadow:var(--shadow-2);color:var(--orange-yellow-crayola);font-size:13px;padding:10px;right:-15px;top:-15px;z-index:1}.info_more-btn,.info_more-btn:before{position:absolute;transition:var(--transition-1)}.info_more-btn:before{background:var(--bg-gradient-jet);border-radius:inherit;content:"";inset:1px;z-index:-1}.info_more-btn:focus,.info_more-btn:hover{background:var(--bg-gradient-yellow-1)}.info_more-btn:focus:before,.info_more-btn:hover:before{background:var(--bg-gradient-yellow-2)}.info_more-btn span{display:none}.sidebar-info_more{opacity:0;transition:var(--transition-2);visibility:hidden}.sidebar.active .sidebar-info_more{opacity:1;visibility:visible}@media (min-width:200px){.sidebar.active{max-height:700px}.avatar-box{height:80px;width:80px}.name{font-size:var(--fs-5)}}@media (min-width:580px){.sidebar,article{margin-inline:auto;padding:30px;width:520px}.sidebar{margin-bottom:30px;max-height:180px}.sidebar.active{max-height:700px}.sidebar-info{gap:25px}.avatar-box{align-items:center;border:3px solid var(--vegas-gold);border-radius:20px;box-sizing:border-box;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.info-content .name{margin-bottom:15px}.info-content .title{padding:5px 18px}.info_more-btn{align-items:center;background:var(--bg-gradient-onyx);border:3px solid var(--bg-gradient-onyx);cursor:pointer;display:flex;gap:8px;padding:10px 15px;right:-30px;top:-30px}.info_more-btn span{display:block;font-size:var(--fs-7);margin-right:8px}.info_more-btn .icon{display:none}}@media (min-width:768px){.sidebar,article{width:700px}}@media (min-width:1024px){.sidebar,article{box-shadow:var(--shadow-5);width:950px}}@media (min-width:1250px){.sidebar,article{width:auto}.sidebar{height:100%;margin-bottom:0;padding-top:60px;position:-webkit-sticky;position:sticky;top:60px;z-index:1}.sidebar,.sidebar.active{max-height:1500px}.sidebar-info{flex-direction:column}.info-content .name{text-align:center;white-space:nowrap}.info-content .title{margin:auto}.info_more-btn{display:none}.sidebar-info_more{opacity:1;visibility:visible}}.contacts-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.contact-item{align-items:center;display:flex;gap:16px;min-width:100%}.contact-logo{border:3px solid var(--vegas-gold);color:var(--vegas-gold);height:35px;width:35px}.contact-title{color:var(--light-gray-70);font-size:var(--fs-7);margin-bottom:2px;text-transform:uppercase}.contact-info .contact-link{color:var(--white-2);font-size:var(--fs-8);padding-bottom:5px}.contact-logo{align-items:center;background:var(--border-gradient-onyx);border:2px solid var(--vegas-gold);border-radius:8px;box-shadow:var(--shadow-1);color:var(--orange-yellow-crayola);display:flex;font-size:16px;height:40px;justify-content:center;position:relative;width:40px;z-index:1}@media (min-width:200px){.contacts-list{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);justify-content:center;padding:0 15px}}@media (min-width:580px){.contacts-list{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);justify-content:center;padding:0 15px}}@media (min-width:768px){.contacts-list{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);justify-content:center;padding:0 15px}}@media (min-width:1250px){.contacts-list{grid-template-columns:1fr}}.social-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);padding-bottom:4px;padding-left:7px}.social-item,.social-list{align-items:center;justify-content:center}.social-item{display:flex;height:75px;list-style:none;position:relative;width:75px}.social-link{color:var(--light-gray-70);display:block;font-size:18px;height:100%;overflow:hidden;position:relative;width:100%}.social-link img{display:block;height:auto;max-width:100%;transition:transform .3s ease}.social-back{background-color:#228be6;transition:transform .4s ease}.social-back,.social-back.copied{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:15px;display:flex;height:84%;justify-content:center;left:8px;position:absolute;top:4px;transform:rotateY(180deg);width:84%}.social-back.copied{background-color:#419b45;transition:transform .3s ease}.social-item-h{align-items:center;display:flex;height:75px;justify-content:center;list-style:none;position:relative;width:75px}.flip-card{background-color:initial;height:60px;perspective:1000px;width:60px}.flip-card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:initial;color:#000;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.flip-card-front img{height:72px;object-fit:cover;width:72px}.flip-card-back{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#2980b9;border-radius:15px;color:#fff;display:flex;height:100%;justify-content:center;position:absolute;transform:rotateY(180deg);width:100%}.flip-card-back.copied{background-color:#419b45}.card-button{align-items:center;background-color:initial;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:24px;justify-content:center}.service{margin-bottom:35px}.service-title{margin-bottom:20px}.service-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.icon-row{align-items:flex-start;display:flex;gap:10px;justify-content:flex-start}.icon-row img{height:70px;padding:3px;width:70px}.service-item{background:var(--vegas-gold);border:3px solid var(--vegas-gold);border-radius:25px;box-shadow:var(--shadow-2);padding:20px;position:relative;z-index:1}.service-item:before{background:var(--bg-gradient-jet);border-radius:inherit;content:"";inset:1px;position:absolute;z-index:-1}.container,.service-content-box{align-items:flex-start;display:flex;flex-direction:column}.service-content-box{display:block;text-align:center}.service-item-title{margin-bottom:7px;text-align:left}.service-item-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-3);line-height:1.6;text-align:left}@media (min-width:580px){.service-item{gap:18px;padding:30px}.icon-row,.service-item{display:flex;justify-content:center}.icon-row{align-items:center;flex-wrap:wrap;gap:25px;margin-bottom:10px}.service-content-box{text-align:center}}@media (min-width:1024px){.service-list{gap:20px 25px;grid-template-columns:1fr 1fr}}.skills-container{display:flex;overflow:hidden;position:relative;white-space:nowrap;width:100%}.skills-content{animation:scroll 15s linear infinite;display:flex;gap:10px}.skill-box{word-wrap:break-word;align-items:center;background-color:#262831;border-radius:15px;display:flex;flex-direction:column;height:100px;justify-content:start;margin:10px;overflow-wrap:break-word;padding:7px 10px;text-align:center;transition:transform .3s ease-in-out;white-space:normal;width:100px;word-break:break-word}.skill-box img{height:60%;margin-bottom:5px;object-fit:contain;width:60%}.skill-box:hover{transform:scale(1.1)}.skill-name{color:#fff;font-size:14px;font-weight:600}.skills-container:hover .skills-content{animation-play-state:paused}.skill-box:active,.skill-box:hover{border:3px solid var(--vegas-gold);cursor:pointer;transform:scale(1.2)}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.timeline{margin-bottom:30px}.timeline .title-wrapper{align-items:center;display:flex;gap:15px;margin-bottom:25px}.timeline-item{display:flex;flex-direction:column;position:relative}.spacer{margin-bottom:30px}.icon-box{align-items:center;background-color:red;background:var(--border-gradient-onyx);border:2px solid var(--vegas-gold);border-radius:12px;box-shadow:var(--shadow-1);color:var(--orange-yellow-crayola);display:flex;font-size:18px;height:48px;justify-content:center;position:relative;width:48px;z-index:1}.item-header{display:flex;gap:30px;margin-bottom:10px;padding-left:10px}.item-image{background-color:#fff;border:4px solid var(--vegas-gold);border-radius:50%;height:100px;object-fit:cover;width:100px}.item-info{display:flex;flex-direction:column;justify-content:center}.timeline-item-title{font-size:var(--fs-6);line-height:1.3;margin-bottom:7px}.timeline-list span{color:var(--vegas-gold);font-weight:var(--fw-400);line-height:1.6}.timeline-item:not(:last-child):before{background:var(--jet);content:"";height:calc(100% + 50px);left:-30px;position:absolute;top:-25px;width:1px}.timeline-item:after{background:var(--text-gradient-yellow);border-radius:50%;box-shadow:0 0 0 4px var(--jet);content:"";height:6px;left:-33px;position:absolute;top:5px;width:6px}.timeline-text{color:var(--light-gray);font-weight:var(--fw-300);line-height:1.6}@media (min-width:580px){.timeline-list{margin-left:65px}.timeline-item:not(:last-child):before{left:-40px}.timeline-item:after{height:8px;left:-43px;width:8px}}@media (min-width:1250px){.timeline-text{max-width:700px}}.timeline-list{display:none;font-size:var(--fs-6);margin-left:45px}.timeline-list.open{display:block}.title-wrapper{cursor:pointer}.certificate-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0}.certificate-item{background-color:#222224;border:3px solid var(--vegas-gold);border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s}.certificate-item:hover{transform:translateY(-5px)}.certificate-img{border-radius:10px;margin:20px 20px 0}.certificate-img img{border-radius:10px;height:auto;width:100%}.certificate-title{color:var(--vegas-gold);font-size:1.2em;margin:10px}.certificate-category{color:#7b7a7a;margin:0 10px 10px}.certificate-category,.certificate-title{text-align:center}@media (max-width:1024px){.certificate-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.certificate-list{grid-template-columns:1fr}}.no-scroll{overflow:hidden}.project-detail{align-items:center;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.project-detail.active{display:flex}.projects-modal::-webkit-scrollbar{background:#0000;width:0}.projects-modal{-ms-overflow-style:none;scrollbar-width:none}.overlay{background:#00000080;height:100%;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:999}.overlay.active{opacity:1}.project-detail .info{margin-top:30px}.projects-modal{background:#363636;border-radius:18px;box-shadow:0 4px 15px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px;position:relative;width:90%;z-index:1000}.project-name{color:var(--vegas-gold);font-size:24px;font-weight:600;margin-bottom:10px}.project-text{color:#fff;font-size:16px;line-height:1.5;margin-bottom:20px}.detail-title{color:var(--light-gray);display:flex;flex-direction:row;font-size:20px;font-weight:600;gap:10px;margin-top:20px}.project-learn,.project-property{color:var(--light-gray);display:flex;flex-direction:column;gap:10px}.close-btn{align-items:center;border:2px solid var(--vegas-gold);border-radius:8px;color:var(--vegas-gold);cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:3px;position:absolute;right:10px;top:10px;z-index:1002}.info{display:flex;flex-direction:column}.project-image{align-items:center;display:flex;justify-content:center}.project-image img{border:3px solid var(--orange-yellow-crayola);border-radius:8px;margin-bottom:20px;width:70%}.github-button-container{display:flex;justify-content:center;margin-top:20px}.github-button{align-items:center;background:#242424;border-radius:8px;color:#fff;display:flex;gap:15px;padding:10px 20px;text-decoration:none}.github-button:hover{background:#555}.projects{margin-bottom:10px}.projects-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(1,1fr)}.projects-item{border:3px solid var(--orange-yellow-crayola);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;padding:20px}.projects-avatar-box{align-items:center;display:flex;gap:15px;justify-content:start;margin-left:10px;position:relative}.projects-avatar-box img{height:60px;width:60px}.projects-item-title{color:var(--vegas-gold);font-size:22px;font-weight:600;line-height:1.3;margin:10px;text-transform:capitalize}.projects-text{color:var(--light-gray);line-height:1.6;margin:0 10px}.project-detail-info{color:var(--light-gray-70);display:flex;font-size:var(--fs-6);font-weight:var(--fw-300);justify-content:end;line-height:1.6;margin-top:15px}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2b2b2cbf;border-radius:12px 12px 0 0;bottom:0;box-shadow:var(--shadow-2);left:0;position:fixed;width:100%;z-index:5}.navbar-list{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:0 10px}.navbar-link{color:var(--light-gray);font-size:var(--fs-8);padding:20px 7px;transition:color var(--transition-1)}.navbar-link:focus,.navbar-link:hover{color:var(--light-gray-70)}.navbar-link.active{color:var(--orange-yellow-crayola)}@media (min-width:200px){.navbar{border-radius:20px 20px 0 0;border-top:3px solid var(--orange-yellow-crayola)}.navbar-link{font-size:18px;font-weight:var(--fw-600)}}@media (min-width:1024px){.navbar{border-bottom:3px solid var(--orange-yellow-crayola);border-left:3px solid var(--orange-yellow-crayola);border-radius:0 20px;border-top:0;bottom:auto;box-shadow:none;left:auto;padding:0 20px;position:absolute;right:0;top:0;width:-webkit-max-content;width:max-content}.navbar-list{gap:30px;padding:0 20px}.navbar-link{font-size:15px;font-weight:var(--fw-600)}} +/*# sourceMappingURL=main.228a7028.css.map*/ \ No newline at end of file diff --git a/static/css/main.228a7028.css.map b/static/css/main.228a7028.css.map new file mode 100644 index 0000000..c23f1c1 --- /dev/null +++ b/static/css/main.228a7028.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.228a7028.css","mappings":"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","sources":["index.css","Pages/Sidebar/1info.css","Pages/Sidebar/1contact.css","Pages/Sidebar/1social.css","Pages/2About/1service.css","Pages/2About/1skill.css","Pages/2Resume/resume.css","Pages/2Certificate/1certificate.css","Pages/2Project/1modal.css","Pages/2Project/1project.css","Pages/Navbar/navbar.css"],"sourcesContent":["/*-----------------------------------*\\\n #CUSTOM PROPERTY\n\\*-----------------------------------*/\n\n:root {\n\n /**\n * colors\n */\n\n /* gradient */\n\n --bg-gradient-onyx: linear-gradient(\n to bottom right, \n hsl(240, 1%, 25%) 3%, \n hsl(0, 0%, 19%) 97%\n );\n --bg-gradient-jet: linear-gradient(\n to bottom right, \n hsla(240, 1%, 18%, 0.251) 0%, \n hsla(240, 2%, 11%, 0) 100%\n ), hsl(240, 2%, 13%);\n --bg-gradient-yellow-1: linear-gradient(\n to bottom right, \n hsl(45, 100%, 71%) 0%, \n hsla(36, 100%, 69%, 0) 50%\n );\n --bg-gradient-yellow-2: linear-gradient(\n 135deg, \n hsla(45, 100%, 71%, 0.251) 0%, \n hsla(35, 100%, 68%, 0) 59.86%\n ), hsl(240, 2%, 13%);\n --border-gradient-onyx: linear-gradient(\n to bottom right, \n hsl(0, 0%, 25%) 0%, \n hsla(0, 0%, 25%, 0) 50%\n );\n --text-gradient-yellow: linear-gradient(\n to right, \n hsl(45, 100%, 72%), \n hsl(35, 100%, 68%)\n );\n\n /* solid */\n\n --jet: hsl(0, 0%, 22%);\n --onyx: hsl(240, 1%, 17%);\n --eerie-black-1: hsl(240, 2%, 13%);\n --eerie-black-2: hsl(240, 2%, 12%);\n --smoky-black: hsl(0, 0%, 7%);\n --white-1: hsl(0, 0%, 100%);\n --white-2: hsl(0, 0%, 98%);\n --orange-yellow-crayola: hsl(45, 100%, 72%);\n --vegas-gold: hsl(45, 54%, 58%);\n --light-gray: hsl(0, 0%, 84%);\n --light-gray-70: hsla(0, 0%, 84%, 0.7);\n --bittersweet-shimmer: hsl(0, 43%, 51%);\n\n /**\n * typography\n */\n\n /* font-family */\n --ff-poppins: 'Poppins', sans-serif;\n\n /* font-size */\n --fs-1: 24px;\n --fs-2: 18px;\n --fs-3: 17px;\n --fs-4: 16px;\n --fs-5: 15px;\n --fs-6: 14px;\n --fs-7: 13px;\n --fs-8: 11px;\n --fs-9: 9px;\n\n /* font-weight */\n --fw-300: 300;\n --fw-400: 400;\n --fw-500: 500;\n --fw-600: 600;\n\n /**\n * shadow\n */\n \n --shadow-1: -4px 8px 24px hsla(0, 0%, 0%, 0.25);\n --shadow-2: 0 16px 30px hsla(0, 0%, 0%, 0.25);\n --shadow-3: 0 16px 40px hsla(0, 0%, 0%, 0.25);\n --shadow-4: 0 25px 50px hsla(0, 0%, 0%, 0.15);\n --shadow-5: 0 24px 80px hsla(0, 0%, 0%, 0.25);\n\n /**\n * transition\n */\n\n --transition-1: 0.25s ease;\n --transition-2: 0.5s ease-in-out;\n\n}\n\n\n\n\n\n/*-----------------------------------*\\\n #RESET\n\\*-----------------------------------*/\n\n*, *::before, *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\na { text-decoration: none; }\n\nli { list-style: none; }\n\nimg, ion-icon, a, button, time, span { display: block; }\n\nbutton {\n font: inherit;\n background: none;\n border: none;\n text-align: left;\n cursor: pointer;\n}\n\ninput, textarea {\n display: block;\n width: 100%;\n background: none;\n font: inherit;\n}\n\n::selection {\n background: var(--orange-yellow-crayola);\n color: var(--smoky-black);\n}\n\n:focus { outline-color: var(--orange-yellow-crayola); }\n\nhtml { font-family: var(--ff-poppins); }\n\nbody { background: var(--smoky-black); }\n\n\n\n\n\n/*-----------------------------------*\\\n #REUSED STYLE\n\\*-----------------------------------*/\n\narticle {\n background: var(--eerie-black-2);\n border: 1px solid var(--jet);\n border-radius: 20px;\n padding: 15px;\n box-shadow: var(--shadow-1);\n z-index: 1;\n}\n\n.separator {\n width: 100%;\n height: 3px; \n background: var(--orange-yellow-crayola);\n margin: 16px 0;\n}\n\n\n\n\n\n\narticle { display: none; }\n\narticle.active {\n display: block;\n animation: fade 0.5s ease backwards;\n}\n\n@keyframes fade {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n}\n\n.h2,\n.h3,\n.h4,\n.h5 {\n color: var(--white-2);\n text-transform: capitalize;\n}\n\n.h2 { font-size: var(--fs-1); }\n\n.h3 { font-size: var(--fs-2); }\n\n.h4 { font-size: var(--fs-4); }\n\n.h5 {\n font-size: var(--fs-7);\n font-weight: var(--fw-500);\n}\n\n.article-title {\n position: relative;\n padding-bottom: 7px;\n}\n\n.article-title::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 200px;\n height: 5px;\n background: var(--text-gradient-yellow);\n border-radius: 3px;\n}\n\n.has-scrollbar::-webkit-scrollbar {\n width: 5px; /* for vertical scrollbar */\n height: 5px; /* for horizontal scrollbar */\n}\n\n.has-scrollbar::-webkit-scrollbar-track {\n background: var(--onyx);\n border-radius: 5px;\n}\n\n.has-scrollbar::-webkit-scrollbar-thumb {\n background: var(--orange-yellow-crayola);\n border-radius: 5px;\n}\n\n.has-scrollbar::-webkit-scrollbar-button { width: 20px; }\n\n\n\n\n\n/*-----------------------------------*\\\n #MAIN\n\\*-----------------------------------*/\n\nmain {\n margin: 15px 12px;\n margin-bottom: 80px;\n min-width: 259px;\n}\n\n\n\n\n/*-----------------------------------*\\\n #ABOUT\n\\*-----------------------------------*/\n\n.about .article-title { margin-bottom: 15px; }\n\n.about-text {\n color: var(--light-gray);\n font-size: var(--fs-6);\n font-weight: var(--fw-300);\n line-height: 1.6;\n}\n\n.about-text p { margin-bottom: 15px; }\n\n.article-title { margin-bottom: 30px; }\n\n\n\n/*-----------------------------------*\\\n #CONTACT\n\\*-----------------------------------*/\n\n.mapbox {\n position: relative;\n height: 250px;\n width: 100%;\n border-radius: 16px;\n margin-bottom: 30px;\n border: 1px solid var(--jet);\n overflow: hidden;\n}\n\n.mapbox figure { height: 100%; }\n\n.mapbox iframe {\n width: 100%;\n height: 100%;\n border: none;\n filter: grayscale(1) invert(1);\n}\n\n.contact-form { margin-bottom: 10px; }\n\n.form-title { margin-bottom: 20px; }\n\n.input-wrapper {\n display: grid;\n grid-template-columns: 1fr;\n gap: 25px;\n margin-bottom: 25px;\n}\n\n.form-input {\n color: var(--white-2);\n font-size: var(--fs-6);\n font-weight: var(--fw-400);\n padding: 13px 20px;\n border: 1px solid var(--jet);\n border-radius: 14px;\n outline: none;\n}\n\n.form-input::placeholder { font-weight: var(--fw-500); }\n\n.form-input:focus { border-color: var(--orange-yellow-crayola); }\n\ntextarea.form-input {\n min-height: 100px;\n height: 120px;\n max-height: 200px;\n resize: vertical;\n margin-bottom: 25px;\n}\n\ntextarea.form-input::-webkit-resizer { display: none; }\n\n.form-input:focus:invalid { border-color: var(--bittersweet-shimmer); }\n\n.form-btn {\n position: relative;\n width: 100%;\n background: var(--border-gradient-onyx);\n color: var(--orange-yellow-crayola);\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n padding: 13px 20px;\n border-radius: 14px;\n font-size: var(--fs-6);\n text-transform: capitalize;\n box-shadow: var(--shadow-3);\n z-index: 1;\n transition: var(--transition-1);\n}\n\n.form-btn::before {\n content: \"\";\n position: absolute;\n inset: 1px;\n background: var(--bg-gradient-jet);\n border-radius: inherit;\n z-index: -1;\n transition: var(--transition-1);\n}\n\n.form-btn ion-icon { font-size: 16px; }\n\n.form-btn:hover { background: var(--bg-gradient-yellow-1); }\n\n.form-btn:hover::before { background: var(--bg-gradient-yellow-2); }\n\n.form-btn:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n}\n\n.form-btn:disabled:hover { background: var(--border-gradient-onyx); }\n\n.form-btn:disabled:hover::before { background: var(--bg-gradient-jet); }\n\n\n\n\n\n/*-----------------------------------*\\\n #RESPONSIVE\n\\*-----------------------------------*/\n\n/**\n * responsive larger than 200px screen\n */\n\n@media (min-width: 200px) {\n\n main {\n margin-bottom: 150px;\n }\n /**\n * client\n */\n\n .clients-item { min-width: calc(33.33% - 10px); }\n\n\n\n /**\n * #PORTFOLIO\n */\n\n .project-img,\n\n\n\n .icon-row {\n display: flex;\n justify-content: center; /* Fotoğrafları yatay olarak ortalar */\n align-items: center; /* Fotoğrafları dikey olarak ortalar */\n flex-wrap: wrap;\n gap: 25px; /* İsteğe bağlı: Elemanlar arasındaki boşluk */\n margin-bottom: 10px;\n }\n\n\n \n}\n\n@media (min-width: 405px) {\n main {\n margin-bottom: 80px;\n }\n}\n\n/**\n * responsive larger than 580px screen\n */\n\n@media (min-width: 580px) {\n\n /**\n * CUSTOM PROPERTY\n */\n\n :root {\n\n /**\n * typography\n */\n\n --fs-1: 32px;\n --fs-2: 24px;\n --fs-3: 26px;\n --fs-4: 18px;\n --fs-6: 15px;\n --fs-7: 15px;\n --fs-8: 12px;\n\n }\n\n\n /**\n * #REUSED STYLE\n */\n\n article {\n width: 520px;\n margin-inline: auto;\n padding: 30px;\n }\n\n .article-title {\n font-weight: var(--fw-600);\n padding-bottom: 15px;\n }\n\n\n /**\n * #MAIN\n */\n\n main {\n margin-top: 50px;\n margin-bottom: 100px;\n }\n\n\n /**\n * #SIDEBAR\n */\n\n .separator { margin: 32px 0; }\n\n\n\n\n /**\n * #ABOUT\n */\n\n .about .article-title { margin-bottom: 20px; }\n\n .about-text { margin-bottom: 40px; }\n\n\n\n /**\n * #PORTFOLIO\n */\n\n .project-img{ border-radius: 16px; }\n\n\n\n /**\n * #CONTACT\n */\n\n .mapbox {\n height: 380px;\n border-radius: 18px;\n }\n\n .input-wrapper {\n gap: 30px;\n margin-bottom: 30px;\n }\n\n .form-input { padding: 15px 20px; }\n\n textarea.form-input { margin-bottom: 30px; }\n\n .form-btn {\n --fs-6: 16px;\n padding: 16px 20px;\n }\n\n .form-btn ion-icon { font-size: 18px; }\n\n}\n\n\n/**\n * responsive larger than 768px screen\n */\n\n@media (min-width: 768px) {\n\n /**\n * REUSED STYLE\n */\n\n article { width: 700px; }\n\n .has-scrollbar::-webkit-scrollbar-button { width: 100px; }\n\n\n .modal-avatar-box img { width: 80px; }\n\n /**\n * PORTFOLIO\n */\n\n .article-title { padding-bottom: 20px; }\n\n .filter-select-box { display: none; }\n\n .filter-list {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n padding-left: 5px;\n margin-bottom: 30px;\n }\n\n .filter-item button {\n color: var(--light-gray);\n font-size: var(--fs-5);\n transition: var(--transition-1);\n }\n\n .filter-item button:hover { color: var(--light-gray-70); }\n\n .filter-item button.active { color: var(--orange-yellow-crayola); }\n\n /* portfolio */\n\n .project-list{ grid-template-columns: 1fr 1fr; }\n\n\n /**\n * CONTACT\n */\n\n .input-wrapper { grid-template-columns: 1fr 1fr; }\n\n .form-btn {\n width: max-content;\n margin-left: auto;\n }\n \n}\n\n\n/**\n * responsive larger than 1024px screen\n */\n\n@media (min-width: 1024px) {\n\n /**\n * CUSTOM PROPERTY\n */\n\n :root {\n\n /**\n * shadow\n */\n\n --shadow-1: -4px 8px 24px hsla(0, 0%, 0%, 0.125);\n --shadow-2: 0 16px 30px hsla(0, 0%, 0%, 0.125);\n --shadow-3: 0 16px 40px hsla(0, 0%, 0%, 0.125);\n\n }\n\n /**\n * REUSED STYLE\n */\n\n article {\n width: 950px;\n box-shadow: var(--shadow-5);\n }\n\n\n\n /**\n * MAIN \n */\n\n main { margin-bottom: 60px; }\n\n .main-content {\n position: relative;\n width: max-content;\n margin: auto;\n }\n\n\n\n\n /* clients */\n\n .clients-item { min-width: calc(25% - 38px); }\n\n /**\n * PORTFOLIO\n */\n\n .project-list { grid-template-columns: repeat(3, 1fr); }\n\n}\n\n\n/**\n * responsive larger than 1250px screen\n */\n\n@media (min-width: 1250px) {\n\n /**\n * RESET\n */\n\n body::-webkit-scrollbar { width: 20px; }\n\n body::-webkit-scrollbar-track { background: var(--smoky-black); }\n\n body::-webkit-scrollbar-thumb {\n border: 5px solid var(--smoky-black);\n background: hsla(0, 0%, 100%, 0.1);\n border-radius: 20px;\n box-shadow: inset 1px 1px 0 hsla(0, 0%, 100%, 0.11),\n inset -1px -1px 0 hsla(0, 0%, 100%, 0.11);\n }\n\n body::-webkit-scrollbar-thumb:hover { background: hsla(0, 0%, 100%, 0.15); }\n\n body::-webkit-scrollbar-button { height: 60px; }\n\n /**\n * REUSED STYLE\n */\n\n article { width: auto; }\n\n article { min-height: 100%; }\n\n /**\n * MAIN\n */\n\n main {\n max-width: 1200px;\n margin-inline: auto;\n display: flex;\n justify-content: center;\n align-items: stretch;\n gap: 25px;\n }\n\n .main-content {\n min-width: 75%;\n width: 75%;\n margin: 0;\n }\n\n\n}",".sidebar,\r\narticle {\r\n background: var(--eerie-black-2);\r\n border: 1px solid var(--jet);\r\n border-radius: 20px;\r\n padding: 15px;\r\n box-shadow: var(--shadow-1);\r\n z-index: 1;\r\n}\r\n\r\n.sidebar {\r\n margin-bottom: 15px;\r\n max-height: 112px;\r\n overflow: hidden;\r\n transition: var(--transition-2);\r\n}\r\n\r\n.sidebar.active {\r\n max-height: 405px;\r\n}\r\n\r\n.sidebar-info {\r\n position: relative;\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n.avatar-box {\r\n border-radius: 20px;\r\n border: 3px solid var(--vegas-gold);\r\n overflow: hidden;\r\n width: 150px;\r\n height: 150px;\r\n box-sizing: border-box;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 10px;\r\n}\r\n\r\n.avatar-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n\r\n.info-content .name {\r\n color: var(--white-2);\r\n font-size: var(--fs-3);\r\n font-weight: var(--fw-500);\r\n letter-spacing: -0.25px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.info-content .title {\r\n color: var(--white-1);\r\n background: var(--onyx);\r\n font-size: var(--fs-8);\r\n font-weight: var(--fw-300);\r\n width: max-content;\r\n padding: 3px 12px;\r\n border-radius: 8px;\r\n}\r\n\r\n.info_more-btn {\r\n position: absolute;\r\n top: -15px;\r\n right: -15px;\r\n border-radius: 0 15px;\r\n font-size: 13px;\r\n color: var(--orange-yellow-crayola);\r\n background: var(--border-gradient-onyx);\r\n padding: 10px;\r\n box-shadow: var(--shadow-2);\r\n transition: var(--transition-1);\r\n z-index: 1;\r\n}\r\n\r\n.info_more-btn::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 1px;\r\n border-radius: inherit;\r\n background: var(--bg-gradient-jet);\r\n transition: var(--transition-1);\r\n z-index: -1;\r\n}\r\n\r\n.info_more-btn:hover,\r\n.info_more-btn:focus {\r\n background: var(--bg-gradient-yellow-1);\r\n}\r\n\r\n.info_more-btn:hover::before,\r\n.info_more-btn:focus::before {\r\n background: var(--bg-gradient-yellow-2);\r\n}\r\n\r\n.info_more-btn span {\r\n display: none;\r\n}\r\n\r\n.sidebar-info_more {\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: var(--transition-2);\r\n}\r\n\r\n.sidebar.active .sidebar-info_more {\r\n opacity: 1;\r\n visibility: visible;\r\n}\r\n\r\n\r\n@media (min-width: 200px) {\r\n .sidebar.active {\r\n max-height: 700px;\r\n }\r\n\r\n .avatar-box {\r\n width: 80px;\r\n height: 80px;\r\n\r\n }\r\n\r\n .name {\r\n font-size: var(--fs-5);\r\n }\r\n\r\n}\r\n\r\n@media (min-width: 580px) {\r\n\r\n .sidebar,\r\n article {\r\n width: 520px;\r\n margin-inline: auto;\r\n padding: 30px;\r\n }\r\n\r\n .sidebar {\r\n max-height: 180px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .sidebar.active {\r\n max-height: 700px;\r\n }\r\n\r\n .sidebar-info {\r\n gap: 25px;\r\n }\r\n\r\n .avatar-box {\r\n border-radius: 20px;\r\n border: 3px solid var(--vegas-gold);\r\n overflow: hidden;\r\n width: 120px;\r\n height: 120px;\r\n box-sizing: border-box;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .info-content .name {\r\n margin-bottom: 15px;\r\n }\r\n\r\n .info-content .title {\r\n padding: 5px 18px;\r\n }\r\n\r\n .info_more-btn {\r\n top: -30px;\r\n right: -30px;\r\n padding: 10px 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n border: 3px solid var(--bg-gradient-onyx);\r\n background: var(--bg-gradient-onyx);\r\n cursor: pointer;\r\n }\r\n\r\n .info_more-btn span {\r\n margin-right: 8px;\r\n display: block;\r\n font-size: var(--fs-7);\r\n }\r\n\r\n .info_more-btn .icon {\r\n display: none;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n\r\n .sidebar,\r\n article {\r\n width: 700px;\r\n }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n\r\n .sidebar,\r\n article {\r\n width: 950px;\r\n box-shadow: var(--shadow-5);\r\n }\r\n}\r\n\r\n@media (min-width: 1250px) {\r\n\r\n .sidebar,\r\n article {\r\n width: auto;\r\n }\r\n\r\n .sidebar {\r\n position: sticky;\r\n top: 60px;\r\n max-height: 1500px;\r\n height: 100%;\r\n margin-bottom: 0;\r\n padding-top: 60px;\r\n z-index: 1;\r\n }\r\n\r\n .sidebar.active {\r\n max-height: 1500px;\r\n }\r\n\r\n .sidebar-info {\r\n flex-direction: column;\r\n }\r\n\r\n\r\n\r\n .info-content .name {\r\n white-space: nowrap;\r\n text-align: center;\r\n }\r\n\r\n .info-content .title {\r\n margin: auto;\r\n }\r\n\r\n .info_more-btn {\r\n display: none;\r\n }\r\n\r\n .sidebar-info_more {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n}",".contacts-list {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n}\r\n\r\n\r\n\r\n.contact-item {\r\n min-width: 100%;\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n}\r\n\r\n.contact-logo {\r\n color: var(--vegas-gold);\r\n width: 35px;\r\n height: 35px;\r\n display: flex;\r\n /* Flexbox kullanarak içeriği ortalamak için eklenmiştir */\r\n justify-content: center;\r\n /* Yatayda ortala */\r\n align-items: center;\r\n /* Dikeyde ortala */\r\n border-radius: 8px;\r\n border: 3px solid var(--vegas-gold);\r\n}\r\n\r\n.contact-title {\r\n color: var(--light-gray-70);\r\n font-size: var(--fs-7);\r\n text-transform: uppercase;\r\n margin-bottom: 2px;\r\n}\r\n\r\n.contact-info .contact-link {\r\n padding-bottom: 5px;\r\n color: var(--white-2);\r\n font-size: var(--fs-8);\r\n}\r\n\r\n\r\n.contact-logo {\r\n border: 2px solid var(--vegas-gold);\r\n position: relative;\r\n background: var(--border-gradient-onyx);\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 16px;\r\n color: var(--orange-yellow-crayola);\r\n box-shadow: var(--shadow-1);\r\n z-index: 1;\r\n \r\n }\r\n\r\n\r\n@media (min-width: 200px) {\r\n .contacts-list {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n justify-content: center; /* Yatayda ortala */\r\n align-items: center; /* Dikeyde ortala */\r\n gap: 15px;\r\n padding: 0px 15px;\r\n }\r\n\r\n}\r\n\r\n\r\n@media (min-width: 580px) {\r\n .contacts-list {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n justify-content: center; /* Yatayda ortala */\r\n align-items: center; /* Dikeyde ortala */\r\n gap: 15px;\r\n padding: 0px 15px;\r\n }\r\n\r\n}\r\n\r\n\r\n@media (min-width: 768px) {\r\n .contacts-list {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n justify-content: center; /* Yatayda ortala */\r\n align-items: center; /* Dikeyde ortala */\r\n gap: 15px;\r\n padding: 0px 15px;\r\n }\r\n\r\n}\r\n\r\n\r\n@media (min-width: 1250px) {\r\n .contacts-list { \r\n grid-template-columns: 1fr;\r\n }\r\n\r\n}",".social-list {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n justify-content: center;\r\n align-items: center;\r\n gap: 15px;\r\n padding-bottom: 4px;\r\n padding-left: 7px;\r\n}\r\n\r\n.social-item {\r\n position: relative;\r\n list-style: none; /* Listenin işaretlerini kaldırın */\r\n width: 75px; /* İkon genişliği */\r\n height: 75px; /* İkon yüksekliği */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n\r\n\r\n.social-link {\r\n color: var(--light-gray-70);\r\n font-size: 18px;\r\n display: block;\r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n\r\n\r\n.social-link img {\r\n display: block;\r\n max-width: 100%;\r\n height: auto;\r\n transition: transform 0.3s ease; /* Dönme efekti için geçiş efekti */\r\n}\r\n\r\n\r\n\r\n.social-back {\r\n border-radius: 15px;\r\n position: absolute;\r\n top: 4px;\r\n left: 8px;\r\n width: 84%;\r\n height: 84%;\r\n background-color: #228be6; /* Mavi buton rengi */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transform: rotateY(180deg); /* Başlangıçta dönmüş olarak başlasın */\r\n transition: transform 0.4s ease; /* Dönme efekti için geçiş efekti */\r\n backface-visibility: hidden; /* Arka yüzü gizle */\r\n}\r\n\r\n.social-back.copied {\r\n border-radius: 15px;\r\n position: absolute;\r\n top: 4px;\r\n left: 8px;\r\n width: 84%;\r\n height: 84%;\r\n background-color: #419b45; /* Mavi buton rengi */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transform: rotateY(180deg); /* Başlangıçta dönmüş olarak başlasın */\r\n transition: transform 0.3s ease; /* Dönme efekti için geçiş efekti */\r\n backface-visibility: hidden; /* Arka yüzü gizle */\r\n}\r\n\r\n\r\n\r\n.social-item-h {\r\n position: relative;\r\n list-style: none; \r\n width: 75px; \r\n height: 75px; \r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n\r\n\r\n.flip-card {\r\n background-color: transparent;\r\n width: 60px;\r\n height: 60px;\r\n perspective: 1000px;\r\n}\r\n\r\n.flip-card-inner {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n text-align: center;\r\n transition: transform 0.6s;\r\n transform-style: preserve-3d;\r\n}\r\n\r\n.flip-card.flipped .flip-card-inner {\r\n transform: rotateY(180deg);\r\n}\r\n\r\n.flip-card-front {\r\n background-color: transparent;\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n backface-visibility: hidden;\r\n}\r\n\r\n.flip-card-front {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: black;\r\n}\r\n\r\n.flip-card-front img {\r\n width: 72px;\r\n height: 72px;\r\n object-fit: cover;\r\n}\r\n\r\n.flip-card-back {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n backface-visibility: hidden;\r\n background-color: #2980b9;\r\n color: white;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transform: rotateY(180deg);\r\n border-radius: 15px; /* Border radius for the back */\r\n}\r\n\r\n.flip-card-back.copied {\r\n background-color: #419b45; /* Green background when copied */\r\n}\r\n\r\n\r\n.card-button {\r\n font-size: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background-color: transparent;\r\n border: none;\r\n cursor: pointer;\r\n border-radius: 8px; /* Border radius for the button */\r\n}",".service {\r\n margin-bottom: 35px;\r\n}\r\n\r\n.service-title {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.service-list {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n}\r\n\r\n.icon-row {\r\n display: flex;\r\n justify-content: flex-start;\r\n gap: 10px;\r\n align-items: flex-start;\r\n}\r\n\r\n.icon-row img {\r\n width: 70px;\r\n height: 70px;\r\n padding: 3px;\r\n}\r\n\r\n.service-item {\r\n position: relative;\r\n border: 3px solid var(--vegas-gold);\r\n background: var(--vegas-gold);\r\n padding: 20px;\r\n border-radius: 25px;\r\n box-shadow: var(--shadow-2);\r\n z-index: 1;\r\n}\r\n\r\n.service-item::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 1px;\r\n background: var(--bg-gradient-jet);\r\n border-radius: inherit;\r\n z-index: -1;\r\n}\r\n\r\n.container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n /* Öğeleri dikey olarak üstten hizalar */\r\n}\r\n\r\n.service-content-box {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n text-align: center;\r\n display: block;\r\n}\r\n\r\n\r\n.service-item-title {\r\n margin-bottom: 7px;\r\n text-align: left;\r\n}\r\n\r\n.service-item-text {\r\n color: var(--light-gray);\r\n font-size: var(--fs-6);\r\n font-weight: var(--fw-3);\r\n line-height: 1.6;\r\n text-align: left;\r\n}\r\n\r\n\r\n@media (min-width: 580px) {\r\n\r\n .service-item {\r\n display: flex;\r\n justify-content: center;\r\n gap: 18px;\r\n padding: 30px;\r\n }\r\n\r\n .icon-row {\r\n display: flex;\r\n justify-content: center;\r\n /* Fotoğrafları yatay olarak ortalar */\r\n align-items: center;\r\n /* Fotoğrafları dikey olarak ortalar */\r\n flex-wrap: wrap;\r\n gap: 25px;\r\n /* İsteğe bağlı: Elemanlar arasındaki boşluk */\r\n margin-bottom: 10px;\r\n }\r\n\r\n .service-content-box {\r\n text-align: center;\r\n }\r\n\r\n}\r\n\r\n\r\n@media (min-width: 1024px) {\r\n .service-list {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px 25px;\r\n }\r\n\r\n}","/* SkillsCarousel.css */\r\n.skills-container {\r\n display: flex;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n width: 100%;\r\n position: relative;\r\n}\r\n\r\n.skills-content {\r\n gap: 10px;\r\n display: flex;\r\n animation: scroll 15s linear infinite;\r\n}\r\n\r\n.skill-box {\r\n word-break: break-word; \r\n width: 100px;\r\n height: 100px;\r\n margin: 10px;\r\n background-color: #262831;\r\n border-radius: 15px;\r\n display: flex;\r\n padding: 7px 10px 7px 10px;\r\n flex-direction: column; \r\n justify-content: start;\r\n align-items: center;\r\n text-align: center; \r\n transition: transform 0.3s ease-in-out;\r\n overflow-wrap: break-word;\r\n word-wrap: break-word; \r\n white-space: normal; \r\n}\r\n\r\n.skill-box img {\r\n width: 60%;\r\n height: 60%;\r\n object-fit: contain;\r\n margin-bottom: 5px; \r\n}\r\n\r\n.skill-box:hover {\r\n transform: scale(1.1); \r\n}\r\n\r\n.skill-name {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: white;\r\n}\r\n\r\n.skills-container:hover .skills-content {\r\n animation-play-state: paused;\r\n}\r\n\r\n.skill-box:hover,\r\n.skill-box:active {\r\n transform: scale(1.2); \r\n border: 3px solid var(--vegas-gold); \r\n cursor: pointer;\r\n}\r\n\r\n@keyframes scroll {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n}\r\n","/**\r\n * education and experience \r\n */\r\n\r\n.timeline {\r\n margin-bottom: 30px;\r\n}\r\n\r\n.timeline .title-wrapper {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n margin-bottom: 25px;\r\n}\r\n\r\n.timeline-list {\r\n font-size: var(--fs-6);\r\n margin-left: 45px;\r\n}\r\n\r\n.timeline-item {\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n}\r\n\r\n.spacer {\r\n margin-bottom: 30px;\r\n}\r\n\r\n.icon-box {\r\n background-color: red;\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 12px;\r\n border: 2px solid var(--vegas-gold);\r\n font-size: 18px;\r\n position: relative;\r\n background: var(--border-gradient-onyx);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: var(--orange-yellow-crayola);\r\n box-shadow: var(--shadow-1);\r\n z-index: 1;\r\n}\r\n\r\n/* .icon-box::before {\r\n content: \"\";\r\n position: absolute;\r\n align-items: center;\r\n justify-content: center;\r\n border: 2px solid var(--vegas-gold);\r\n inset: 1px;\r\n background: var(--eerie-black-1);\r\n border-radius: inherit;\r\n z-index: -1;\r\n } */\r\n\r\n.item-header {\r\n padding-left: 10px;\r\n display: flex;\r\n gap: 30px;\r\n /* Fotoğraf ve bilgi grubu arasındaki boşluk */\r\n margin-bottom: 10px;\r\n}\r\n\r\n.item-image {\r\n background-color: white;\r\n border: 4px solid var(--vegas-gold);\r\n width: 100px;\r\n height: 100px;\r\n object-fit: cover;\r\n border-radius: 50%;\r\n}\r\n\r\n.item-info {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n /* Grupların dikeyde ortalanması */\r\n}\r\n\r\n\r\n.timeline-item-title {\r\n font-size: var(--fs-6);\r\n line-height: 1.3;\r\n margin-bottom: 7px;\r\n}\r\n\r\n.timeline-list span {\r\n color: var(--vegas-gold);\r\n font-weight: var(--fw-400);\r\n line-height: 1.6;\r\n}\r\n\r\n.timeline-item:not(:last-child)::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -25px;\r\n left: -30px;\r\n width: 1px;\r\n height: calc(100% + 50px);\r\n background: var(--jet);\r\n}\r\n\r\n.timeline-item::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 5px;\r\n left: -33px;\r\n height: 6px;\r\n width: 6px;\r\n background: var(--text-gradient-yellow);\r\n border-radius: 50%;\r\n box-shadow: 0 0 0 4px var(--jet);\r\n}\r\n\r\n.timeline-text {\r\n color: var(--light-gray);\r\n font-weight: var(--fw-300);\r\n line-height: 1.6;\r\n}\r\n\r\n\r\n@media (min-width: 580px) {\r\n\r\n /**\r\n * #RESUME\r\n */\r\n\r\n .timeline-list {\r\n margin-left: 65px;\r\n }\r\n\r\n .timeline-item:not(:last-child)::before {\r\n left: -40px;\r\n }\r\n\r\n .timeline-item::after {\r\n height: 8px;\r\n width: 8px;\r\n left: -43px;\r\n }\r\n\r\n}\r\n\r\n@media (min-width: 1250px) {\r\n .timeline-text {\r\n max-width: 700px;\r\n }\r\n}\r\n\r\n.timeline-list {\r\n display: none;\r\n /* Başlangıçta gizli */\r\n font-size: var(--fs-6);\r\n margin-left: 45px;\r\n}\r\n\r\n.timeline-list.open {\r\n display: block;\r\n /* Açıldığında görünür */\r\n}\r\n\r\n.title-wrapper {\r\n cursor: pointer;\r\n /* Tıklanabilir yapıldı */\r\n}",".certificate-list {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n \r\n .certificate-item {\r\n background-color: #222224;\r\n border: 3px solid var(--vegas-gold);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s;\r\n }\r\n \r\n .certificate-item:hover {\r\n transform: translateY(-5px);\r\n }\r\n \r\n .certificate-img {\r\n border-radius: 10px;\r\n margin: 20px 20px 0px 20px;\r\n }\r\n\r\n .certificate-img img {\r\n border-radius: 10px;\r\n \r\n width: 100%;\r\n height: auto;\r\n }\r\n \r\n .certificate-title {\r\n font-size: 1.2em;\r\n margin: 10px;\r\n color: var(--vegas-gold);\r\n }\r\n \r\n .certificate-category {\r\n color: #7b7a7a;\r\n margin: 0 10px 10px;\r\n }\r\n \r\n .certificate-title, .certificate-category {\r\n text-align: center;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .certificate-list {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .certificate-list {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n ","\r\n.no-scroll {\r\n overflow: hidden;\r\n }\r\n \r\n\r\n/* Modal genel stilleri */\r\n.project-detail {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n display: none;\r\n /* Varsayılan olarak gizli */\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n /* Yüksek z-index değeri */\r\n}\r\n\r\n.project-detail.active {\r\n display: flex;\r\n /* Modal aktif olduğunda göster */\r\n}\r\n\r\n\r\n/* Görünmez scrollbar */\r\n.projects-modal::-webkit-scrollbar {\r\n width: 0px;\r\n background: transparent;\r\n /* Tarayıcıya özgü scrollbar arka planı */\r\n}\r\n\r\n.projects-modal {\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n}\r\n\r\n.overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.5);\r\n z-index: 999;\r\n transition: opacity 0.3s ease;\r\n}\r\n\r\n.overlay.active {\r\n opacity: 1;\r\n}\r\n\r\n.project-detail .info {\r\n margin-top: 30px;\r\n}\r\n\r\n.projects-modal {\r\n background: #363636;\r\n padding: 20px;\r\n border-radius: 18px;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n z-index: 1000;\r\n max-width: 600px;\r\n width: 90%;\r\n overflow-y: auto;\r\n max-height: 90vh;\r\n position: relative;\r\n}\r\n\r\n.project-name {\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: var(--vegas-gold);\r\n margin-bottom: 10px;\r\n\r\n}\r\n\r\n.project-text{\r\n color: #fff;\r\n font-size: 16px;\r\n line-height: 1.5;\r\n margin-bottom: 20px;\r\n\r\n}\r\n\r\n.detail-title{\r\n display: flex;\r\n flex-direction: row;\r\n color: var(--light-gray);\r\n font-size: 20px;\r\n font-weight: 600;\r\n margin-top: 20px;\r\n gap:10px;\r\n\r\n}\r\n\r\n.project-learn , .project-property {\r\n color: var(--light-gray);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n\r\n}\r\n\r\n.close-btn {\r\n border-radius: 8px;\r\n display: flex;\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n padding: 3px;\r\n justify-content: center;\r\n align-items: center;\r\n color: var(--vegas-gold);\r\n border: 2px solid var(--vegas-gold);\r\n font-size: 24px;\r\n cursor: pointer;\r\n z-index: 1002;\r\n}\r\n\r\n.info {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.project-image {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.project-image img {\r\n border: 3px solid var(--orange-yellow-crayola);\r\n width: 70%;\r\n border-radius: 8px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.github-button-container {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 20px;\r\n}\r\n\r\n.github-button {\r\n gap:15px;\r\n display: flex;\r\n align-items: center;\r\n background: #242424;\r\n color: #fff;\r\n padding: 10px 20px;\r\n border-radius: 8px;\r\n text-decoration: none;\r\n}\r\n\r\n.github-button:hover {\r\n background: #555;\r\n}","\r\n.projects { margin-bottom: 10px; }\r\n\r\n.projects-list {\r\n display: grid;\r\n grid-template-columns: repeat(1, 1fr);\r\n gap: 20px;\r\n}\r\n\r\n.projects-item {\r\n padding:20px;\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: 16px;\r\n border: 3px solid var(--orange-yellow-crayola);\r\n cursor: pointer;\r\n}\r\n\r\n.projects-avatar-box {\r\n margin-left: 10px;\r\n display: flex;\r\n gap:15px;\r\n justify-content: start;\r\n align-items: center;\r\n position: relative;\r\n}\r\n\r\n.projects-avatar-box img {\r\n width: 60px;\r\n height: 60px;\r\n}\r\n\r\n.projects-item-title {\r\n color: var(--vegas-gold);\r\n font-size: 22px;\r\n font-weight: 600;\r\n text-transform: capitalize;\r\n line-height: 1.3;\r\n margin: 10px;\r\n}\r\n\r\n.projects-text {\r\n color: var(--light-gray);\r\n line-height: 1.6;\r\n margin: 0 10px;\r\n}\r\n\r\n.project-detail-info {\r\n display: flex;\r\n justify-content: end;\r\n margin-top:15px;\r\n color: var(--light-gray-70);\r\n font-size: var(--fs-6);\r\n font-weight: var(--fw-300);\r\n line-height: 1.6;\r\n}\r\n\r\n\r\n\r\n\r\n","/*-----------------------------------*\\\r\n #NAVBAR\r\n\\*-----------------------------------*/\r\n\r\n.navbar {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n background: hsla(240, 1%, 17%, 0.75);\r\n backdrop-filter: blur(10px);\r\n border-radius: 12px 12px 0 0;\r\n box-shadow: var(--shadow-2);\r\n z-index: 5;\r\n}\r\n\r\n.navbar-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 0 10px;\r\n}\r\n\r\n.navbar-link {\r\n color: var(--light-gray);\r\n font-size: var(--fs-8);\r\n padding: 20px 7px;\r\n transition: color var(--transition-1);\r\n}\r\n\r\n.navbar-link:hover,\r\n.navbar-link:focus {\r\n color: var(--light-gray-70);\r\n}\r\n\r\n.navbar-link.active {\r\n color: var(--orange-yellow-crayola);\r\n}\r\n\r\n\r\n@media (min-width: 200px) {\r\n \r\n /**\r\n * #NAVBAR\r\n */\r\n\r\n .navbar { \r\n border-radius: 20px 20px 0 0;\r\n border-top: 3px solid var(--orange-yellow-crayola);\r\n }\r\n\r\n .navbar-link { \r\n font-weight: var(--fw-600); \r\n font-size: 18px;\r\n }\r\n}\r\n\r\n\r\n\r\n@media (min-width: 1024px) {\r\n .navbar {\r\n position: absolute;\r\n bottom: auto;\r\n top: 0;\r\n left: auto;\r\n right: 0;\r\n border-left: 3px solid var(--orange-yellow-crayola);\r\n border-bottom: 3px solid var(--orange-yellow-crayola);\r\n border-top: 0px;\r\n width: max-content;\r\n border-radius: 0 20px;\r\n padding: 0 20px;\r\n box-shadow: none;\r\n }\r\n\r\n .navbar-list {\r\n gap: 30px;\r\n padding: 0 20px;\r\n }\r\n\r\n .navbar-link { \r\n font-weight: var(--fw-600); \r\n font-size: 15px;\r\n }\r\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.d1955679.css b/static/css/main.d1955679.css deleted file mode 100644 index bf0f01f..0000000 --- a/static/css/main.d1955679.css +++ /dev/null @@ -1,2 +0,0 @@ -:root{--bg-gradient-onyx:linear-gradient(to bottom right,#3f3f40 3%,#303030 97%);--bg-gradient-jet:linear-gradient(to bottom right,rgba(45,45,46,.251),#1b1b1d00),#202022;--bg-gradient-yellow-1:linear-gradient(to bottom right,#ffda6b,#ffc06100 50%);--bg-gradient-yellow-2:linear-gradient(135deg,rgba(255,218,107,.251),#ffbb5c00 59.86%),#202022;--border-gradient-onyx:linear-gradient(to bottom right,#404040,#40404000 50%);--text-gradient-yellow:linear-gradient(90deg,#ffdb70,#ffbb5c);--jet:#383838;--onyx:#2b2b2c;--eerie-black-1:#202022;--eerie-black-2:#1e1e1f;--smoky-black:#121212;--white-1:#fff;--white-2:#fafafa;--orange-yellow-crayola:#ffdb70;--vegas-gold:#ceb15a;--light-gray:#d6d6d6;--light-gray-70:#d6d6d6b3;--bittersweet-shimmer:#b84c4c;--ff-poppins:"Poppins",sans-serif;--fs-1:24px;--fs-2:18px;--fs-3:17px;--fs-4:16px;--fs-5:15px;--fs-6:14px;--fs-7:13px;--fs-8:11px;--fs-9:9px;--fw-300:300;--fw-400:400;--fw-500:500;--fw-600:600;--shadow-1:-4px 8px 24px #00000040;--shadow-2:0 16px 30px #00000040;--shadow-3:0 16px 40px #00000040;--shadow-4:0 25px 50px #00000026;--shadow-5:0 24px 80px #00000040;--transition-1:0.25s ease;--transition-2:0.5s ease-in-out}*,:after,:before{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}li{list-style:none}a,button,img,ion-icon,span,time{display:block}button{border:none;cursor:pointer;text-align:left}button,input,textarea{background:none;font:inherit}input,textarea{display:block;width:100%}::selection{background:#ffdb70;background:var(--orange-yellow-crayola);color:#121212;color:var(--smoky-black)}:focus{outline-color:#ffdb70;outline-color:var(--orange-yellow-crayola)}html{font-family:Poppins,sans-serif;font-family:var(--ff-poppins)}body{background:#121212;background:var(--smoky-black)}article{background:#1e1e1f;background:var(--eerie-black-2);border:1px solid #383838;border:1px solid var(--jet);border-radius:20px;box-shadow:-4px 8px 24px #00000040;box-shadow:var(--shadow-1);padding:15px;z-index:1}.separator{background:#ffdb70;background:var(--orange-yellow-crayola);height:3px;margin:16px 0;width:100%}.icon-box{background:linear-gradient(to bottom right,#404040,#40404000 50%);background:var(--border-gradient-onyx);border-radius:8px;box-shadow:-4px 8px 24px #00000040;box-shadow:var(--shadow-1);color:#ffdb70;color:var(--orange-yellow-crayola);display:flex;font-size:16px;height:30px;position:relative;width:30px;z-index:1}.icon-box,.icon-box:before{align-items:center;justify-content:center}.icon-box:before{background:#202022;background:var(--eerie-black-1);border:2px solid #ceb15a;border:2px solid var(--vegas-gold);border-radius:inherit;content:"";inset:1px;position:absolute;z-index:-1}article{display:none}article.active{animation:fade .5s ease backwards;display:block}@keyframes fade{0%{opacity:0}to{opacity:1}}.h2,.h3,.h4,.h5{color:#fafafa;color:var(--white-2);text-transform:capitalize}.h2{font-size:24px;font-size:var(--fs-1)}.h3{font-size:18px;font-size:var(--fs-2)}.h4{font-size:16px;font-size:var(--fs-4)}.h5{font-size:13px;font-size:var(--fs-7);font-weight:500;font-weight:var(--fw-500)}.article-title{padding-bottom:7px;position:relative}.article-title:after{background:linear-gradient(90deg,#ffdb70,#ffbb5c);background:var(--text-gradient-yellow);border-radius:3px;bottom:0;content:"";height:5px;left:0;position:absolute;width:200px}.has-scrollbar::-webkit-scrollbar{height:5px;width:5px}.has-scrollbar::-webkit-scrollbar-track{background:#2b2b2c;background:var(--onyx);border-radius:5px}.has-scrollbar::-webkit-scrollbar-thumb{background:#ffdb70;background:var(--orange-yellow-crayola);border-radius:5px}.has-scrollbar::-webkit-scrollbar-button{width:20px}main{margin:15px 12px 80px;min-width:259px}.about .article-title{margin-bottom:15px}.about-text{color:#d6d6d6;color:var(--light-gray);font-size:14px;font-size:var(--fs-6);font-weight:300;font-weight:var(--fw-300);line-height:1.6}.about-text p{margin-bottom:15px}.article-title,.mapbox{margin-bottom:30px}.mapbox{border:1px solid #383838;border:1px solid var(--jet);border-radius:16px;height:250px;overflow:hidden;position:relative;width:100%}.mapbox figure{height:100%}.mapbox iframe{border:none;filter:grayscale(1) invert(1);height:100%;width:100%}.contact-form{margin-bottom:10px}.form-title{margin-bottom:20px}.input-wrapper{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr;margin-bottom:25px}.form-input{border:1px solid #383838;border:1px solid var(--jet);border-radius:14px;color:#fafafa;color:var(--white-2);font-size:14px;font-size:var(--fs-6);font-weight:400;font-weight:var(--fw-400);outline:none;padding:13px 20px}.form-input::placeholder{font-weight:500;font-weight:var(--fw-500)}.form-input:focus{border-color:#ffdb70;border-color:var(--orange-yellow-crayola)}textarea.form-input{height:120px;margin-bottom:25px;max-height:200px;min-height:100px;resize:vertical}textarea.form-input::-webkit-resizer{display:none}.form-input:focus:invalid{border-color:#b84c4c;border-color:var(--bittersweet-shimmer)}.form-btn{align-items:center;background:linear-gradient(to bottom right,#404040,#40404000 50%);background:var(--border-gradient-onyx);border-radius:14px;box-shadow:0 16px 40px #00000040;box-shadow:var(--shadow-3);color:#ffdb70;color:var(--orange-yellow-crayola);display:flex;font-size:14px;font-size:var(--fs-6);gap:10px;justify-content:center;padding:13px 20px;position:relative;text-transform:capitalize;width:100%;z-index:1}.form-btn,.form-btn:before{transition:.25s ease;transition:var(--transition-1)}.form-btn:before{background:linear-gradient(to bottom right,rgba(45,45,46,.251),#1b1b1d00),#202022;background:var(--bg-gradient-jet);border-radius:inherit;content:"";inset:1px;position:absolute;z-index:-1}.form-btn ion-icon{font-size:16px}.form-btn:hover{background:linear-gradient(to bottom right,#ffda6b,#ffc06100 50%);background:var(--bg-gradient-yellow-1)}.form-btn:hover:before{background:linear-gradient(135deg,rgba(255,218,107,.251),#ffbb5c00 59.86%),#202022;background:var(--bg-gradient-yellow-2)}.form-btn:disabled{cursor:not-allowed;opacity:.7}.form-btn:disabled:hover{background:linear-gradient(to bottom right,#404040,#40404000 50%);background:var(--border-gradient-onyx)}.form-btn:disabled:hover:before{background:linear-gradient(to bottom right,rgba(45,45,46,.251),#1b1b1d00),#202022;background:var(--bg-gradient-jet)}@media (min-width:200px){main{margin-bottom:150px}.clients-item{min-width:calc(33.33% - 10px)}.icon-row,.project-img{align-items:center;display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-bottom:10px}}@media (min-width:405px){main{margin-bottom:80px}}@media (min-width:580px){:root{--fs-1:32px;--fs-2:24px;--fs-3:26px;--fs-4:18px;--fs-6:15px;--fs-7:15px;--fs-8:12px}article{margin-inline:auto;padding:30px;width:520px}.article-title{font-weight:600;font-weight:var(--fw-600);padding-bottom:15px}.icon-box{border-radius:12px;font-size:18px;height:48px;width:48px}main{margin-bottom:100px;margin-top:50px}.separator{margin:32px 0}.about .article-title{margin-bottom:20px}.about-text{margin-bottom:40px}.project-img{border-radius:16px}.mapbox{border-radius:18px;height:380px}.input-wrapper{gap:30px;margin-bottom:30px}.form-input{padding:15px 20px}textarea.form-input{margin-bottom:30px}.form-btn{--fs-6:16px;padding:16px 20px}.form-btn ion-icon{font-size:18px}}@media (min-width:768px){article{width:700px}.has-scrollbar::-webkit-scrollbar-button{width:100px}.modal-avatar-box img{width:80px}.article-title{padding-bottom:20px}.filter-select-box{display:none}.filter-list{align-items:center;display:flex;gap:25px;justify-content:flex-start;margin-bottom:30px;padding-left:5px}.filter-item button{color:#d6d6d6;color:var(--light-gray);font-size:15px;font-size:var(--fs-5);transition:.25s ease;transition:var(--transition-1)}.filter-item button:hover{color:#d6d6d6b3;color:var(--light-gray-70)}.filter-item button.active{color:#ffdb70;color:var(--orange-yellow-crayola)}.input-wrapper,.project-list{grid-template-columns:1fr 1fr}.form-btn{margin-left:auto;width:-webkit-max-content;width:max-content}}@media (min-width:1024px){:root{--shadow-1:-4px 8px 24px rgba(0,0,0,.125);--shadow-2:0 16px 30px rgba(0,0,0,.125);--shadow-3:0 16px 40px rgba(0,0,0,.125)}article{box-shadow:0 24px 80px #00000040;box-shadow:var(--shadow-5);width:950px}main{margin-bottom:60px}.main-content{margin:auto;position:relative;width:-webkit-max-content;width:max-content}.clients-item{min-width:calc(25% - 38px)}.project-list{grid-template-columns:repeat(3,1fr)}}@media (min-width:1250px){body::-webkit-scrollbar{width:20px}body::-webkit-scrollbar-track{background:#121212;background:var(--smoky-black)}body::-webkit-scrollbar-thumb{background:#ffffff1a;border:5px solid #121212;border:5px solid var(--smoky-black);border-radius:20px;box-shadow:inset 1px 1px 0 #ffffff1c,inset -1px -1px 0 #ffffff1c}body::-webkit-scrollbar-thumb:hover{background:#ffffff26}body::-webkit-scrollbar-button{height:60px}article{min-height:100%;width:auto}main{align-items:stretch;display:flex;gap:25px;justify-content:center;margin-inline:auto;max-width:1200px}.main-content{margin:0;min-width:75%;width:75%}}.sidebar,article{background:var(--eerie-black-2);border:1px solid var(--jet);border-radius:20px;box-shadow:var(--shadow-1);padding:15px;z-index:1}.sidebar{margin-bottom:15px;max-height:112px;overflow:hidden;transition:var(--transition-2)}.sidebar.active{max-height:405px}.sidebar-info{gap:15px;justify-content:flex-start;position:relative}.avatar-box,.sidebar-info{align-items:center;display:flex}.avatar-box{border:3px solid var(--vegas-gold);border-radius:20px;box-sizing:border-box;height:150px;justify-content:center;overflow:hidden;padding:10px;width:150px}.avatar-box img{height:100%;object-fit:cover;width:100%}.info-content .name{color:var(--white-2);font-size:var(--fs-3);font-weight:var(--fw-500);letter-spacing:-.25px;margin-bottom:10px}.info-content .title{background:var(--onyx);border-radius:8px;color:var(--white-1);font-size:var(--fs-8);font-weight:var(--fw-300);padding:3px 12px;width:-webkit-max-content;width:max-content}.info_more-btn{background:var(--border-gradient-onyx);border-radius:0 15px;box-shadow:var(--shadow-2);color:var(--orange-yellow-crayola);font-size:13px;padding:10px;right:-15px;top:-15px;z-index:1}.info_more-btn,.info_more-btn:before{position:absolute;transition:var(--transition-1)}.info_more-btn:before{background:var(--bg-gradient-jet);border-radius:inherit;content:"";inset:1px;z-index:-1}.info_more-btn:focus,.info_more-btn:hover{background:var(--bg-gradient-yellow-1)}.info_more-btn:focus:before,.info_more-btn:hover:before{background:var(--bg-gradient-yellow-2)}.info_more-btn span{display:none}.sidebar-info_more{opacity:0;transition:var(--transition-2);visibility:hidden}.sidebar.active .sidebar-info_more{opacity:1;visibility:visible}@media (min-width:200px){.sidebar.active{max-height:700px}.avatar-box{height:80px;width:80px}.name{font-size:var(--fs-5)}}@media (min-width:580px){.sidebar,article{margin-inline:auto;padding:30px;width:520px}.sidebar{margin-bottom:30px;max-height:180px}.sidebar.active{max-height:700px}.sidebar-info{gap:25px}.avatar-box{align-items:center;border:3px solid var(--vegas-gold);border-radius:20px;box-sizing:border-box;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.info-content .name{margin-bottom:15px}.info-content .title{padding:5px 18px}.info_more-btn{align-items:center;background:var(--bg-gradient-onyx);border:3px solid var(--bg-gradient-onyx);cursor:pointer;display:flex;gap:8px;padding:10px 15px;right:-30px;top:-30px}.info_more-btn span{display:block;font-size:var(--fs-7);margin-right:8px}.info_more-btn .icon{display:none}}@media (min-width:768px){.sidebar,article{width:700px}}@media (min-width:1024px){.sidebar,article{box-shadow:var(--shadow-5);width:950px}}@media (min-width:1250px){.sidebar,article{width:auto}.sidebar{height:100%;margin-bottom:0;padding-top:60px;position:-webkit-sticky;position:sticky;top:60px;z-index:1}.sidebar,.sidebar.active{max-height:1500px}.sidebar-info{flex-direction:column}.info-content .name{text-align:center;white-space:nowrap}.info-content .title{margin:auto}.info_more-btn{display:none}.sidebar-info_more{opacity:1;visibility:visible}}.contacts-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.contact-item{align-items:center;display:flex;gap:16px;min-width:100%}.contact-logo{border:3px solid var(--vegas-gold);color:var(--vegas-gold);height:35px;width:35px}.contact-title{color:var(--light-gray-70);font-size:var(--fs-7);margin-bottom:2px;text-transform:uppercase}.contact-info .contact-link{color:var(--white-2);font-size:var(--fs-8);padding-bottom:5px}.contact-logo{align-items:center;background:var(--border-gradient-onyx);border:2px solid var(--vegas-gold);border-radius:8px;box-shadow:var(--shadow-1);color:var(--orange-yellow-crayola);display:flex;font-size:16px;height:40px;justify-content:center;position:relative;width:40px;z-index:1}@media (min-width:200px){.contacts-list{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);justify-content:center;padding:0 15px}}@media (min-width:580px){.contacts-list{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);justify-content:center;padding:0 15px}}@media (min-width:768px){.contacts-list{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);justify-content:center;padding:0 15px}}@media (min-width:1250px){.contacts-list{grid-template-columns:1fr}}.social-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);padding-bottom:4px;padding-left:7px}.social-item,.social-list{align-items:center;justify-content:center}.social-item{display:flex;height:75px;list-style:none;position:relative;width:75px}.social-link{color:var(--light-gray-70);display:block;font-size:18px;height:100%;overflow:hidden;position:relative;width:100%}.social-link img{display:block;height:auto;max-width:100%;transition:transform .3s ease}.social-back{background-color:#228be6;transition:transform .4s ease}.social-back,.social-back.copied{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:15px;display:flex;height:84%;justify-content:center;left:8px;position:absolute;top:4px;transform:rotateY(180deg);width:84%}.social-back.copied{background-color:#419b45;transition:transform .3s ease}.social-item-h{align-items:center;display:flex;height:75px;justify-content:center;list-style:none;position:relative;width:75px}.flip-card{background-color:initial;height:60px;perspective:1000px;width:60px}.flip-card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:initial;color:#000;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.flip-card-front img{height:72px;object-fit:cover;width:72px}.flip-card-back{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#2980b9;border-radius:15px;color:#fff;display:flex;height:100%;justify-content:center;position:absolute;transform:rotateY(180deg);width:100%}.flip-card-back.copied{background-color:#419b45}.card-button{align-items:center;background-color:initial;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:24px;justify-content:center}.service{margin-bottom:35px}.service-title{margin-bottom:20px}.service-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.icon-row{align-items:flex-start;display:flex;gap:10px;justify-content:flex-start}.icon-row img{height:70px;padding:3px;width:70px}.service-item{background:var(--vegas-gold);border:3px solid var(--vegas-gold);border-radius:25px;box-shadow:var(--shadow-2);padding:20px;position:relative;z-index:1}.service-item:before{background:var(--bg-gradient-jet);border-radius:inherit;content:"";inset:1px;position:absolute;z-index:-1}.container,.service-content-box{align-items:flex-start;display:flex;flex-direction:column}.service-content-box{display:block;text-align:center}.service-item-title{margin-bottom:7px;text-align:left}.service-item-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-3);line-height:1.6;text-align:left}@media (min-width:580px){.service-item{gap:18px;padding:30px}.icon-row,.service-item{display:flex;justify-content:center}.icon-row{align-items:center;flex-wrap:wrap;gap:25px;margin-bottom:10px}.service-content-box{text-align:center}}@media (min-width:1024px){.service-list{gap:20px 25px;grid-template-columns:1fr 1fr}}.skills-container{display:flex;overflow:hidden;position:relative;white-space:nowrap;width:100%}.skills-content{animation:scroll 17s linear infinite;display:flex;gap:10px}.skill-box{word-wrap:break-word;align-items:center;background-color:#262831;border-radius:15px;display:flex;flex-direction:column;height:100px;justify-content:start;margin:10px;overflow-wrap:break-word;padding:7px 10px;text-align:center;transition:transform .3s ease-in-out;white-space:normal;width:100px;word-break:break-word}.skill-box img{height:60%;margin-bottom:5px;object-fit:contain;width:60%}.skill-box:hover{transform:scale(1.1)}.skill-name{color:#fff;font-size:14px;font-weight:600}.skills-container:hover .skills-content{animation-play-state:paused}.skill-box:active,.skill-box:hover{border:3px solid var(--vegas-gold);cursor:pointer;transform:scale(1.2)}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.timeline{margin-bottom:30px}.timeline .title-wrapper{align-items:center;display:flex;gap:15px;margin-bottom:25px}.timeline-list{font-size:var(--fs-6);margin-left:45px}.timeline-item{display:flex;flex-direction:column;position:relative}.item-header{display:flex;gap:30px;margin-bottom:10px;padding-left:10px}.item-image{border-radius:10px;height:70px;object-fit:cover;width:70px}.item-info{display:flex;flex-direction:column;justify-content:center}.timeline-item:not(:last-child){margin-bottom:20px}.timeline-item-title{font-size:var(--fs-6);line-height:1.3;margin-bottom:7px}.timeline-list span{color:var(--vegas-gold);font-weight:var(--fw-400);line-height:1.6}.timeline-item:not(:last-child):before{background:var(--jet);content:"";height:calc(100% + 50px);left:-30px;position:absolute;top:-25px;width:1px}.timeline-item:after{background:var(--text-gradient-yellow);border-radius:50%;box-shadow:0 0 0 4px var(--jet);content:"";height:6px;left:-33px;position:absolute;top:5px;width:6px}.timeline-text{color:var(--light-gray);font-weight:var(--fw-300);line-height:1.6}@media (min-width:580px){.timeline-list{margin-left:65px}.timeline-item:not(:last-child):before{left:-40px}.timeline-item:after{height:8px;left:-43px;width:8px}}@media (min-width:1250px){.timeline-text{max-width:700px}}.certificate-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0}.certificate-item{background-color:#222224;border:3px solid var(--vegas-gold);border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s}.certificate-item:hover{transform:translateY(-5px)}.certificate-img{border-radius:10px;margin:20px 20px 0}.certificate-img img{border-radius:10px;height:auto;width:100%}.certificate-title{color:var(--vegas-gold);font-size:1.2em;margin:10px}.certificate-category{color:#7b7a7a;margin:0 10px 10px}.certificate-category,.certificate-title{text-align:center}@media (max-width:1024px){.certificate-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.certificate-list{grid-template-columns:1fr}}.no-scroll{overflow:hidden}.project-detail{align-items:center;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.project-detail.active{display:flex}.projects-modal::-webkit-scrollbar{background:#0000;width:0}.projects-modal{-ms-overflow-style:none;scrollbar-width:none}.overlay{background:#00000080;height:100%;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:999}.overlay.active{opacity:1}.project-detail .info{margin-top:30px}.projects-modal{background:#363636;border-radius:18px;box-shadow:0 4px 15px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px;position:relative;width:90%;z-index:1000}.project-name{color:var(--vegas-gold);font-size:24px;font-weight:600;margin-bottom:10px}.project-text{color:#fff;font-size:16px;line-height:1.5;margin-bottom:20px}.detail-title{color:var(--light-gray);display:flex;flex-direction:row;font-size:20px;font-weight:600;gap:10px;margin-top:20px}.project-learn,.project-property{color:var(--light-gray);display:flex;flex-direction:column;gap:10px}.close-btn{align-items:center;border:2px solid var(--vegas-gold);border-radius:8px;color:var(--vegas-gold);cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:3px;position:absolute;right:10px;top:10px;z-index:1002}.info{display:flex;flex-direction:column}.project-image{align-items:center;display:flex;justify-content:center}.project-image img{border:3px solid var(--orange-yellow-crayola);border-radius:8px;margin-bottom:20px;width:70%}.github-button-container{display:flex;justify-content:center;margin-top:20px}.github-button{align-items:center;background:#242424;border-radius:8px;color:#fff;display:flex;gap:15px;padding:10px 20px;text-decoration:none}.github-button:hover{background:#555}.projects{margin-bottom:10px}.projects-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(1,1fr)}.projects-item{border:3px solid var(--orange-yellow-crayola);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;padding:20px}.projects-avatar-box{align-items:center;display:flex;gap:15px;justify-content:start;margin-left:10px;position:relative}.projects-avatar-box img{height:60px;width:60px}.projects-item-title{color:var(--vegas-gold);font-size:22px;font-weight:600;line-height:1.3;margin:10px;text-transform:capitalize}.projects-text{color:var(--light-gray);line-height:1.6;margin:0 10px}.project-detail-info{color:var(--light-gray-70);display:flex;font-size:var(--fs-6);font-weight:var(--fw-300);justify-content:end;line-height:1.6;margin-top:15px}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2b2b2cbf;border-radius:12px 12px 0 0;bottom:0;box-shadow:var(--shadow-2);left:0;position:fixed;width:100%;z-index:5}.navbar-list{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:0 10px}.navbar-link{color:var(--light-gray);font-size:var(--fs-8);padding:20px 7px;transition:color var(--transition-1)}.navbar-link:focus,.navbar-link:hover{color:var(--light-gray-70)}.navbar-link.active{color:var(--orange-yellow-crayola)}@media (min-width:200px){.navbar{border-radius:20px 20px 0 0;border-top:3px solid var(--orange-yellow-crayola)}.navbar-link{font-size:18px;font-weight:var(--fw-600)}}@media (min-width:1024px){.navbar{border-bottom:3px solid var(--orange-yellow-crayola);border-left:3px solid var(--orange-yellow-crayola);border-radius:0 20px;border-top:0;bottom:auto;box-shadow:none;left:auto;padding:0 20px;position:absolute;right:0;top:0;width:-webkit-max-content;width:max-content}.navbar-list{gap:30px;padding:0 20px}.navbar-link{font-size:15px;font-weight:var(--fw-600)}} -/*# sourceMappingURL=main.d1955679.css.map*/ \ No newline at end of file diff --git a/static/css/main.d1955679.css.map b/static/css/main.d1955679.css.map deleted file mode 100644 index 8110ea0..0000000 --- a/static/css/main.d1955679.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.d1955679.css","mappings":"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","sources":["index.css","Pages/Sidebar/1info.css","Pages/Sidebar/1contact.css","Pages/Sidebar/1social.css","Pages/2About/1service.css","Pages/2About/1skill.css","Pages/2Resume/resume.css","Pages/2Certificate/1certificate.css","Pages/2Project/1modal.css","Pages/2Project/1project.css","Pages/Navbar/navbar.css"],"sourcesContent":["/*-----------------------------------*\\\n #CUSTOM PROPERTY\n\\*-----------------------------------*/\n\n:root {\n\n /**\n * colors\n */\n\n /* gradient */\n\n --bg-gradient-onyx: linear-gradient(\n to bottom right, \n hsl(240, 1%, 25%) 3%, \n hsl(0, 0%, 19%) 97%\n );\n --bg-gradient-jet: linear-gradient(\n to bottom right, \n hsla(240, 1%, 18%, 0.251) 0%, \n hsla(240, 2%, 11%, 0) 100%\n ), hsl(240, 2%, 13%);\n --bg-gradient-yellow-1: linear-gradient(\n to bottom right, \n hsl(45, 100%, 71%) 0%, \n hsla(36, 100%, 69%, 0) 50%\n );\n --bg-gradient-yellow-2: linear-gradient(\n 135deg, \n hsla(45, 100%, 71%, 0.251) 0%, \n hsla(35, 100%, 68%, 0) 59.86%\n ), hsl(240, 2%, 13%);\n --border-gradient-onyx: linear-gradient(\n to bottom right, \n hsl(0, 0%, 25%) 0%, \n hsla(0, 0%, 25%, 0) 50%\n );\n --text-gradient-yellow: linear-gradient(\n to right, \n hsl(45, 100%, 72%), \n hsl(35, 100%, 68%)\n );\n\n /* solid */\n\n --jet: hsl(0, 0%, 22%);\n --onyx: hsl(240, 1%, 17%);\n --eerie-black-1: hsl(240, 2%, 13%);\n --eerie-black-2: hsl(240, 2%, 12%);\n --smoky-black: hsl(0, 0%, 7%);\n --white-1: hsl(0, 0%, 100%);\n --white-2: hsl(0, 0%, 98%);\n --orange-yellow-crayola: hsl(45, 100%, 72%);\n --vegas-gold: hsl(45, 54%, 58%);\n --light-gray: hsl(0, 0%, 84%);\n --light-gray-70: hsla(0, 0%, 84%, 0.7);\n --bittersweet-shimmer: hsl(0, 43%, 51%);\n\n /**\n * typography\n */\n\n /* font-family */\n --ff-poppins: 'Poppins', sans-serif;\n\n /* font-size */\n --fs-1: 24px;\n --fs-2: 18px;\n --fs-3: 17px;\n --fs-4: 16px;\n --fs-5: 15px;\n --fs-6: 14px;\n --fs-7: 13px;\n --fs-8: 11px;\n --fs-9: 9px;\n\n /* font-weight */\n --fw-300: 300;\n --fw-400: 400;\n --fw-500: 500;\n --fw-600: 600;\n\n /**\n * shadow\n */\n \n --shadow-1: -4px 8px 24px hsla(0, 0%, 0%, 0.25);\n --shadow-2: 0 16px 30px hsla(0, 0%, 0%, 0.25);\n --shadow-3: 0 16px 40px hsla(0, 0%, 0%, 0.25);\n --shadow-4: 0 25px 50px hsla(0, 0%, 0%, 0.15);\n --shadow-5: 0 24px 80px hsla(0, 0%, 0%, 0.25);\n\n /**\n * transition\n */\n\n --transition-1: 0.25s ease;\n --transition-2: 0.5s ease-in-out;\n\n}\n\n\n\n\n\n/*-----------------------------------*\\\n #RESET\n\\*-----------------------------------*/\n\n*, *::before, *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\na { text-decoration: none; }\n\nli { list-style: none; }\n\nimg, ion-icon, a, button, time, span { display: block; }\n\nbutton {\n font: inherit;\n background: none;\n border: none;\n text-align: left;\n cursor: pointer;\n}\n\ninput, textarea {\n display: block;\n width: 100%;\n background: none;\n font: inherit;\n}\n\n::selection {\n background: var(--orange-yellow-crayola);\n color: var(--smoky-black);\n}\n\n:focus { outline-color: var(--orange-yellow-crayola); }\n\nhtml { font-family: var(--ff-poppins); }\n\nbody { background: var(--smoky-black); }\n\n\n\n\n\n/*-----------------------------------*\\\n #REUSED STYLE\n\\*-----------------------------------*/\n\narticle {\n background: var(--eerie-black-2);\n border: 1px solid var(--jet);\n border-radius: 20px;\n padding: 15px;\n box-shadow: var(--shadow-1);\n z-index: 1;\n}\n\n.separator {\n width: 100%;\n height: 3px; \n background: var(--orange-yellow-crayola);\n margin: 16px 0;\n}\n\n\n.icon-box {\n position: relative;\n background: var(--border-gradient-onyx);\n width: 30px;\n height: 30px;\n border-radius: 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 16px;\n color: var(--orange-yellow-crayola);\n box-shadow: var(--shadow-1);\n z-index: 1;\n}\n\n.icon-box::before {\n content: \"\";\n position: absolute;\n align-items: center;\n justify-content: center;\n border: 2px solid var(--vegas-gold);\n inset: 1px;\n background: var(--eerie-black-1);\n border-radius: inherit;\n z-index: -1;\n}\n\n\n\narticle { display: none; }\n\narticle.active {\n display: block;\n animation: fade 0.5s ease backwards;\n}\n\n@keyframes fade {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n}\n\n.h2,\n.h3,\n.h4,\n.h5 {\n color: var(--white-2);\n text-transform: capitalize;\n}\n\n.h2 { font-size: var(--fs-1); }\n\n.h3 { font-size: var(--fs-2); }\n\n.h4 { font-size: var(--fs-4); }\n\n.h5 {\n font-size: var(--fs-7);\n font-weight: var(--fw-500);\n}\n\n.article-title {\n position: relative;\n padding-bottom: 7px;\n}\n\n.article-title::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 200px;\n height: 5px;\n background: var(--text-gradient-yellow);\n border-radius: 3px;\n}\n\n.has-scrollbar::-webkit-scrollbar {\n width: 5px; /* for vertical scrollbar */\n height: 5px; /* for horizontal scrollbar */\n}\n\n.has-scrollbar::-webkit-scrollbar-track {\n background: var(--onyx);\n border-radius: 5px;\n}\n\n.has-scrollbar::-webkit-scrollbar-thumb {\n background: var(--orange-yellow-crayola);\n border-radius: 5px;\n}\n\n.has-scrollbar::-webkit-scrollbar-button { width: 20px; }\n\n\n\n\n\n/*-----------------------------------*\\\n #MAIN\n\\*-----------------------------------*/\n\nmain {\n margin: 15px 12px;\n margin-bottom: 80px;\n min-width: 259px;\n}\n\n\n\n\n/*-----------------------------------*\\\n #ABOUT\n\\*-----------------------------------*/\n\n.about .article-title { margin-bottom: 15px; }\n\n.about-text {\n color: var(--light-gray);\n font-size: var(--fs-6);\n font-weight: var(--fw-300);\n line-height: 1.6;\n}\n\n.about-text p { margin-bottom: 15px; }\n\n.article-title { margin-bottom: 30px; }\n\n\n\n/*-----------------------------------*\\\n #CONTACT\n\\*-----------------------------------*/\n\n.mapbox {\n position: relative;\n height: 250px;\n width: 100%;\n border-radius: 16px;\n margin-bottom: 30px;\n border: 1px solid var(--jet);\n overflow: hidden;\n}\n\n.mapbox figure { height: 100%; }\n\n.mapbox iframe {\n width: 100%;\n height: 100%;\n border: none;\n filter: grayscale(1) invert(1);\n}\n\n.contact-form { margin-bottom: 10px; }\n\n.form-title { margin-bottom: 20px; }\n\n.input-wrapper {\n display: grid;\n grid-template-columns: 1fr;\n gap: 25px;\n margin-bottom: 25px;\n}\n\n.form-input {\n color: var(--white-2);\n font-size: var(--fs-6);\n font-weight: var(--fw-400);\n padding: 13px 20px;\n border: 1px solid var(--jet);\n border-radius: 14px;\n outline: none;\n}\n\n.form-input::placeholder { font-weight: var(--fw-500); }\n\n.form-input:focus { border-color: var(--orange-yellow-crayola); }\n\ntextarea.form-input {\n min-height: 100px;\n height: 120px;\n max-height: 200px;\n resize: vertical;\n margin-bottom: 25px;\n}\n\ntextarea.form-input::-webkit-resizer { display: none; }\n\n.form-input:focus:invalid { border-color: var(--bittersweet-shimmer); }\n\n.form-btn {\n position: relative;\n width: 100%;\n background: var(--border-gradient-onyx);\n color: var(--orange-yellow-crayola);\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n padding: 13px 20px;\n border-radius: 14px;\n font-size: var(--fs-6);\n text-transform: capitalize;\n box-shadow: var(--shadow-3);\n z-index: 1;\n transition: var(--transition-1);\n}\n\n.form-btn::before {\n content: \"\";\n position: absolute;\n inset: 1px;\n background: var(--bg-gradient-jet);\n border-radius: inherit;\n z-index: -1;\n transition: var(--transition-1);\n}\n\n.form-btn ion-icon { font-size: 16px; }\n\n.form-btn:hover { background: var(--bg-gradient-yellow-1); }\n\n.form-btn:hover::before { background: var(--bg-gradient-yellow-2); }\n\n.form-btn:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n}\n\n.form-btn:disabled:hover { background: var(--border-gradient-onyx); }\n\n.form-btn:disabled:hover::before { background: var(--bg-gradient-jet); }\n\n\n\n\n\n/*-----------------------------------*\\\n #RESPONSIVE\n\\*-----------------------------------*/\n\n/**\n * responsive larger than 200px screen\n */\n\n@media (min-width: 200px) {\n\n main {\n margin-bottom: 150px;\n }\n /**\n * client\n */\n\n .clients-item { min-width: calc(33.33% - 10px); }\n\n\n\n /**\n * #PORTFOLIO\n */\n\n .project-img,\n\n\n\n .icon-row {\n display: flex;\n justify-content: center; /* Fotoğrafları yatay olarak ortalar */\n align-items: center; /* Fotoğrafları dikey olarak ortalar */\n flex-wrap: wrap;\n gap: 25px; /* İsteğe bağlı: Elemanlar arasındaki boşluk */\n margin-bottom: 10px;\n }\n\n\n \n}\n\n@media (min-width: 405px) {\n main {\n margin-bottom: 80px;\n }\n}\n\n/**\n * responsive larger than 580px screen\n */\n\n@media (min-width: 580px) {\n\n /**\n * CUSTOM PROPERTY\n */\n\n :root {\n\n /**\n * typography\n */\n\n --fs-1: 32px;\n --fs-2: 24px;\n --fs-3: 26px;\n --fs-4: 18px;\n --fs-6: 15px;\n --fs-7: 15px;\n --fs-8: 12px;\n\n }\n\n\n /**\n * #REUSED STYLE\n */\n\n article {\n width: 520px;\n margin-inline: auto;\n padding: 30px;\n }\n\n .article-title {\n font-weight: var(--fw-600);\n padding-bottom: 15px;\n }\n\n\n .icon-box {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n font-size: 18px;\n }\n\n\n /**\n * #MAIN\n */\n\n main {\n margin-top: 50px;\n margin-bottom: 100px;\n }\n\n\n /**\n * #SIDEBAR\n */\n\n .separator { margin: 32px 0; }\n\n\n\n\n /**\n * #ABOUT\n */\n\n .about .article-title { margin-bottom: 20px; }\n\n .about-text { margin-bottom: 40px; }\n\n\n\n /**\n * #PORTFOLIO\n */\n\n .project-img{ border-radius: 16px; }\n\n\n\n /**\n * #CONTACT\n */\n\n .mapbox {\n height: 380px;\n border-radius: 18px;\n }\n\n .input-wrapper {\n gap: 30px;\n margin-bottom: 30px;\n }\n\n .form-input { padding: 15px 20px; }\n\n textarea.form-input { margin-bottom: 30px; }\n\n .form-btn {\n --fs-6: 16px;\n padding: 16px 20px;\n }\n\n .form-btn ion-icon { font-size: 18px; }\n\n}\n\n\n/**\n * responsive larger than 768px screen\n */\n\n@media (min-width: 768px) {\n\n /**\n * REUSED STYLE\n */\n\n article { width: 700px; }\n\n .has-scrollbar::-webkit-scrollbar-button { width: 100px; }\n\n\n .modal-avatar-box img { width: 80px; }\n\n /**\n * PORTFOLIO\n */\n\n .article-title { padding-bottom: 20px; }\n\n .filter-select-box { display: none; }\n\n .filter-list {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n padding-left: 5px;\n margin-bottom: 30px;\n }\n\n .filter-item button {\n color: var(--light-gray);\n font-size: var(--fs-5);\n transition: var(--transition-1);\n }\n\n .filter-item button:hover { color: var(--light-gray-70); }\n\n .filter-item button.active { color: var(--orange-yellow-crayola); }\n\n /* portfolio */\n\n .project-list{ grid-template-columns: 1fr 1fr; }\n\n\n /**\n * CONTACT\n */\n\n .input-wrapper { grid-template-columns: 1fr 1fr; }\n\n .form-btn {\n width: max-content;\n margin-left: auto;\n }\n \n}\n\n\n/**\n * responsive larger than 1024px screen\n */\n\n@media (min-width: 1024px) {\n\n /**\n * CUSTOM PROPERTY\n */\n\n :root {\n\n /**\n * shadow\n */\n\n --shadow-1: -4px 8px 24px hsla(0, 0%, 0%, 0.125);\n --shadow-2: 0 16px 30px hsla(0, 0%, 0%, 0.125);\n --shadow-3: 0 16px 40px hsla(0, 0%, 0%, 0.125);\n\n }\n\n /**\n * REUSED STYLE\n */\n\n article {\n width: 950px;\n box-shadow: var(--shadow-5);\n }\n\n\n\n /**\n * MAIN \n */\n\n main { margin-bottom: 60px; }\n\n .main-content {\n position: relative;\n width: max-content;\n margin: auto;\n }\n\n\n\n\n /* clients */\n\n .clients-item { min-width: calc(25% - 38px); }\n\n /**\n * PORTFOLIO\n */\n\n .project-list { grid-template-columns: repeat(3, 1fr); }\n\n}\n\n\n/**\n * responsive larger than 1250px screen\n */\n\n@media (min-width: 1250px) {\n\n /**\n * RESET\n */\n\n body::-webkit-scrollbar { width: 20px; }\n\n body::-webkit-scrollbar-track { background: var(--smoky-black); }\n\n body::-webkit-scrollbar-thumb {\n border: 5px solid var(--smoky-black);\n background: hsla(0, 0%, 100%, 0.1);\n border-radius: 20px;\n box-shadow: inset 1px 1px 0 hsla(0, 0%, 100%, 0.11),\n inset -1px -1px 0 hsla(0, 0%, 100%, 0.11);\n }\n\n body::-webkit-scrollbar-thumb:hover { background: hsla(0, 0%, 100%, 0.15); }\n\n body::-webkit-scrollbar-button { height: 60px; }\n\n /**\n * REUSED STYLE\n */\n\n article { width: auto; }\n\n article { min-height: 100%; }\n\n /**\n * MAIN\n */\n\n main {\n max-width: 1200px;\n margin-inline: auto;\n display: flex;\n justify-content: center;\n align-items: stretch;\n gap: 25px;\n }\n\n .main-content {\n min-width: 75%;\n width: 75%;\n margin: 0;\n }\n\n\n}",".sidebar,\r\narticle {\r\n background: var(--eerie-black-2);\r\n border: 1px solid var(--jet);\r\n border-radius: 20px;\r\n padding: 15px;\r\n box-shadow: var(--shadow-1);\r\n z-index: 1;\r\n}\r\n\r\n.sidebar {\r\n margin-bottom: 15px;\r\n max-height: 112px;\r\n overflow: hidden;\r\n transition: var(--transition-2);\r\n}\r\n\r\n.sidebar.active {\r\n max-height: 405px;\r\n}\r\n\r\n.sidebar-info {\r\n position: relative;\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n.avatar-box {\r\n border-radius: 20px;\r\n border: 3px solid var(--vegas-gold);\r\n overflow: hidden;\r\n width: 150px;\r\n height: 150px;\r\n box-sizing: border-box;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 10px;\r\n}\r\n\r\n.avatar-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n\r\n.info-content .name {\r\n color: var(--white-2);\r\n font-size: var(--fs-3);\r\n font-weight: var(--fw-500);\r\n letter-spacing: -0.25px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.info-content .title {\r\n color: var(--white-1);\r\n background: var(--onyx);\r\n font-size: var(--fs-8);\r\n font-weight: var(--fw-300);\r\n width: max-content;\r\n padding: 3px 12px;\r\n border-radius: 8px;\r\n}\r\n\r\n.info_more-btn {\r\n position: absolute;\r\n top: -15px;\r\n right: -15px;\r\n border-radius: 0 15px;\r\n font-size: 13px;\r\n color: var(--orange-yellow-crayola);\r\n background: var(--border-gradient-onyx);\r\n padding: 10px;\r\n box-shadow: var(--shadow-2);\r\n transition: var(--transition-1);\r\n z-index: 1;\r\n}\r\n\r\n.info_more-btn::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 1px;\r\n border-radius: inherit;\r\n background: var(--bg-gradient-jet);\r\n transition: var(--transition-1);\r\n z-index: -1;\r\n}\r\n\r\n.info_more-btn:hover,\r\n.info_more-btn:focus {\r\n background: var(--bg-gradient-yellow-1);\r\n}\r\n\r\n.info_more-btn:hover::before,\r\n.info_more-btn:focus::before {\r\n background: var(--bg-gradient-yellow-2);\r\n}\r\n\r\n.info_more-btn span {\r\n display: none;\r\n}\r\n\r\n.sidebar-info_more {\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: var(--transition-2);\r\n}\r\n\r\n.sidebar.active .sidebar-info_more {\r\n opacity: 1;\r\n visibility: visible;\r\n}\r\n\r\n\r\n@media (min-width: 200px) {\r\n .sidebar.active {\r\n max-height: 700px;\r\n }\r\n\r\n .avatar-box {\r\n width: 80px;\r\n height: 80px;\r\n\r\n }\r\n\r\n .name {\r\n font-size: var(--fs-5);\r\n }\r\n\r\n}\r\n\r\n@media (min-width: 580px) {\r\n\r\n .sidebar,\r\n article {\r\n width: 520px;\r\n margin-inline: auto;\r\n padding: 30px;\r\n }\r\n\r\n .sidebar {\r\n max-height: 180px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .sidebar.active {\r\n max-height: 700px;\r\n }\r\n\r\n .sidebar-info {\r\n gap: 25px;\r\n }\r\n\r\n .avatar-box {\r\n border-radius: 20px;\r\n border: 3px solid var(--vegas-gold);\r\n overflow: hidden;\r\n width: 120px;\r\n height: 120px;\r\n box-sizing: border-box;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .info-content .name {\r\n margin-bottom: 15px;\r\n }\r\n\r\n .info-content .title {\r\n padding: 5px 18px;\r\n }\r\n\r\n .info_more-btn {\r\n top: -30px;\r\n right: -30px;\r\n padding: 10px 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n border: 3px solid var(--bg-gradient-onyx);\r\n background: var(--bg-gradient-onyx);\r\n cursor: pointer;\r\n }\r\n\r\n .info_more-btn span {\r\n margin-right: 8px;\r\n display: block;\r\n font-size: var(--fs-7);\r\n }\r\n\r\n .info_more-btn .icon {\r\n display: none;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n\r\n .sidebar,\r\n article {\r\n width: 700px;\r\n }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n\r\n .sidebar,\r\n article {\r\n width: 950px;\r\n box-shadow: var(--shadow-5);\r\n }\r\n}\r\n\r\n@media (min-width: 1250px) {\r\n\r\n .sidebar,\r\n article {\r\n width: auto;\r\n }\r\n\r\n .sidebar {\r\n position: sticky;\r\n top: 60px;\r\n max-height: 1500px;\r\n height: 100%;\r\n margin-bottom: 0;\r\n padding-top: 60px;\r\n z-index: 1;\r\n }\r\n\r\n .sidebar.active {\r\n max-height: 1500px;\r\n }\r\n\r\n .sidebar-info {\r\n flex-direction: column;\r\n }\r\n\r\n\r\n\r\n .info-content .name {\r\n white-space: nowrap;\r\n text-align: center;\r\n }\r\n\r\n .info-content .title {\r\n margin: auto;\r\n }\r\n\r\n .info_more-btn {\r\n display: none;\r\n }\r\n\r\n .sidebar-info_more {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n}",".contacts-list {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n}\r\n\r\n\r\n\r\n.contact-item {\r\n min-width: 100%;\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n}\r\n\r\n.contact-logo {\r\n color: var(--vegas-gold);\r\n width: 35px;\r\n height: 35px;\r\n display: flex;\r\n /* Flexbox kullanarak içeriği ortalamak için eklenmiştir */\r\n justify-content: center;\r\n /* Yatayda ortala */\r\n align-items: center;\r\n /* Dikeyde ortala */\r\n border-radius: 8px;\r\n border: 3px solid var(--vegas-gold);\r\n}\r\n\r\n.contact-title {\r\n color: var(--light-gray-70);\r\n font-size: var(--fs-7);\r\n text-transform: uppercase;\r\n margin-bottom: 2px;\r\n}\r\n\r\n.contact-info .contact-link {\r\n padding-bottom: 5px;\r\n color: var(--white-2);\r\n font-size: var(--fs-8);\r\n}\r\n\r\n\r\n.contact-logo {\r\n border: 2px solid var(--vegas-gold);\r\n position: relative;\r\n background: var(--border-gradient-onyx);\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 16px;\r\n color: var(--orange-yellow-crayola);\r\n box-shadow: var(--shadow-1);\r\n z-index: 1;\r\n \r\n }\r\n\r\n\r\n@media (min-width: 200px) {\r\n .contacts-list {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n justify-content: center; /* Yatayda ortala */\r\n align-items: center; /* Dikeyde ortala */\r\n gap: 15px;\r\n padding: 0px 15px;\r\n }\r\n\r\n}\r\n\r\n\r\n@media (min-width: 580px) {\r\n .contacts-list {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n justify-content: center; /* Yatayda ortala */\r\n align-items: center; /* Dikeyde ortala */\r\n gap: 15px;\r\n padding: 0px 15px;\r\n }\r\n\r\n}\r\n\r\n\r\n@media (min-width: 768px) {\r\n .contacts-list {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n justify-content: center; /* Yatayda ortala */\r\n align-items: center; /* Dikeyde ortala */\r\n gap: 15px;\r\n padding: 0px 15px;\r\n }\r\n\r\n}\r\n\r\n\r\n@media (min-width: 1250px) {\r\n .contacts-list { \r\n grid-template-columns: 1fr;\r\n }\r\n\r\n}",".social-list {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n justify-content: center;\r\n align-items: center;\r\n gap: 15px;\r\n padding-bottom: 4px;\r\n padding-left: 7px;\r\n}\r\n\r\n.social-item {\r\n position: relative;\r\n list-style: none; /* Listenin işaretlerini kaldırın */\r\n width: 75px; /* İkon genişliği */\r\n height: 75px; /* İkon yüksekliği */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n\r\n\r\n.social-link {\r\n color: var(--light-gray-70);\r\n font-size: 18px;\r\n display: block;\r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n\r\n\r\n.social-link img {\r\n display: block;\r\n max-width: 100%;\r\n height: auto;\r\n transition: transform 0.3s ease; /* Dönme efekti için geçiş efekti */\r\n}\r\n\r\n\r\n\r\n.social-back {\r\n border-radius: 15px;\r\n position: absolute;\r\n top: 4px;\r\n left: 8px;\r\n width: 84%;\r\n height: 84%;\r\n background-color: #228be6; /* Mavi buton rengi */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transform: rotateY(180deg); /* Başlangıçta dönmüş olarak başlasın */\r\n transition: transform 0.4s ease; /* Dönme efekti için geçiş efekti */\r\n backface-visibility: hidden; /* Arka yüzü gizle */\r\n}\r\n\r\n.social-back.copied {\r\n border-radius: 15px;\r\n position: absolute;\r\n top: 4px;\r\n left: 8px;\r\n width: 84%;\r\n height: 84%;\r\n background-color: #419b45; /* Mavi buton rengi */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transform: rotateY(180deg); /* Başlangıçta dönmüş olarak başlasın */\r\n transition: transform 0.3s ease; /* Dönme efekti için geçiş efekti */\r\n backface-visibility: hidden; /* Arka yüzü gizle */\r\n}\r\n\r\n\r\n\r\n.social-item-h {\r\n position: relative;\r\n list-style: none; \r\n width: 75px; \r\n height: 75px; \r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n\r\n\r\n.flip-card {\r\n background-color: transparent;\r\n width: 60px;\r\n height: 60px;\r\n perspective: 1000px;\r\n}\r\n\r\n.flip-card-inner {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n text-align: center;\r\n transition: transform 0.6s;\r\n transform-style: preserve-3d;\r\n}\r\n\r\n.flip-card.flipped .flip-card-inner {\r\n transform: rotateY(180deg);\r\n}\r\n\r\n.flip-card-front {\r\n background-color: transparent;\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n backface-visibility: hidden;\r\n}\r\n\r\n.flip-card-front {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: black;\r\n}\r\n\r\n.flip-card-front img {\r\n width: 72px;\r\n height: 72px;\r\n object-fit: cover;\r\n}\r\n\r\n.flip-card-back {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n backface-visibility: hidden;\r\n background-color: #2980b9;\r\n color: white;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transform: rotateY(180deg);\r\n border-radius: 15px; /* Border radius for the back */\r\n}\r\n\r\n.flip-card-back.copied {\r\n background-color: #419b45; /* Green background when copied */\r\n}\r\n\r\n\r\n.card-button {\r\n font-size: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background-color: transparent;\r\n border: none;\r\n cursor: pointer;\r\n border-radius: 8px; /* Border radius for the button */\r\n}",".service {\r\n margin-bottom: 35px;\r\n}\r\n\r\n.service-title {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.service-list {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n}\r\n\r\n.icon-row {\r\n display: flex;\r\n justify-content: flex-start;\r\n gap: 10px;\r\n align-items: flex-start;\r\n}\r\n\r\n.icon-row img {\r\n width: 70px;\r\n height: 70px;\r\n padding: 3px;\r\n}\r\n\r\n.service-item {\r\n position: relative;\r\n border: 3px solid var(--vegas-gold);\r\n background: var(--vegas-gold);\r\n padding: 20px;\r\n border-radius: 25px;\r\n box-shadow: var(--shadow-2);\r\n z-index: 1;\r\n}\r\n\r\n.service-item::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 1px;\r\n background: var(--bg-gradient-jet);\r\n border-radius: inherit;\r\n z-index: -1;\r\n}\r\n\r\n.container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n /* Öğeleri dikey olarak üstten hizalar */\r\n}\r\n\r\n.service-content-box {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n text-align: center;\r\n display: block;\r\n}\r\n\r\n\r\n.service-item-title {\r\n margin-bottom: 7px;\r\n text-align: left;\r\n}\r\n\r\n.service-item-text {\r\n color: var(--light-gray);\r\n font-size: var(--fs-6);\r\n font-weight: var(--fw-3);\r\n line-height: 1.6;\r\n text-align: left;\r\n}\r\n\r\n\r\n@media (min-width: 580px) {\r\n\r\n .service-item {\r\n display: flex;\r\n justify-content: center;\r\n gap: 18px;\r\n padding: 30px;\r\n }\r\n\r\n .icon-row {\r\n display: flex;\r\n justify-content: center;\r\n /* Fotoğrafları yatay olarak ortalar */\r\n align-items: center;\r\n /* Fotoğrafları dikey olarak ortalar */\r\n flex-wrap: wrap;\r\n gap: 25px;\r\n /* İsteğe bağlı: Elemanlar arasındaki boşluk */\r\n margin-bottom: 10px;\r\n }\r\n\r\n .service-content-box {\r\n text-align: center;\r\n }\r\n\r\n}\r\n\r\n\r\n@media (min-width: 1024px) {\r\n .service-list {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px 25px;\r\n }\r\n\r\n}","/* SkillsCarousel.css */\r\n.skills-container {\r\n display: flex;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n width: 100%;\r\n position: relative;\r\n}\r\n\r\n.skills-content {\r\n gap: 10px;\r\n display: flex;\r\n animation: scroll 17s linear infinite;\r\n}\r\n\r\n.skill-box {\r\n word-break: break-word; /* Metin taşmasını önlemek için */\r\n width: 100px;\r\n height: 100px; /* Yüksekliği arttırdık */\r\n margin: 10px;\r\n background-color: #262831;\r\n border-radius: 15px;\r\n display: flex;\r\n padding: 7px 10px 7px 10px;\r\n flex-direction: column; /* Dikey yerleşim için */\r\n justify-content: start;\r\n align-items: center;\r\n text-align: center; /* Metni ortalar */\r\n transition: transform 0.3s ease-in-out; /* Hover efekti için */\r\n overflow-wrap: break-word; /* Ekledik */\r\n word-wrap: break-word; /* Ekledik */\r\n white-space: normal; /* Ekledik */\r\n}\r\n\r\n.skill-box img {\r\n width: 60%;\r\n height: 60%;\r\n object-fit: contain;\r\n margin-bottom: 5px; \r\n}\r\n\r\n.skill-box:hover {\r\n transform: scale(1.1); \r\n}\r\n\r\n.skill-name {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: white;\r\n}\r\n\r\n.skills-container:hover .skills-content {\r\n animation-play-state: paused;\r\n}\r\n\r\n.skill-box:hover,\r\n.skill-box:active {\r\n transform: scale(1.2); \r\n border: 3px solid var(--vegas-gold); \r\n cursor: pointer;\r\n}\r\n\r\n@keyframes scroll {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n}\r\n","/**\r\n * education and experience \r\n */\r\n\r\n.timeline {\r\n margin-bottom: 30px;\r\n}\r\n\r\n.timeline .title-wrapper {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n margin-bottom: 25px;\r\n}\r\n\r\n.timeline-list {\r\n font-size: var(--fs-6);\r\n margin-left: 45px;\r\n}\r\n\r\n.timeline-item {\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n}\r\n\r\n.item-header {\r\n padding-left: 10px;\r\n display: flex;\r\n gap: 30px; /* Fotoğraf ve bilgi grubu arasındaki boşluk */\r\n margin-bottom: 10px;\r\n }\r\n\r\n .item-image {\r\n width: 70px; /* Fotoğrafın genişliği */\r\n height: 70px; /* Fotoğrafın yüksekliği */\r\n object-fit: cover; /* Fotoğrafın içeriğini kutuya sığdır */\r\n border-radius: 10px; /* Köşeleri yuvarlatma */\r\n }\r\n .item-info {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center; /* Grupların dikeyde ortalanması */\r\n }\r\n.timeline-item:not(:last-child) {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.timeline-item-title {\r\n font-size: var(--fs-6);\r\n line-height: 1.3;\r\n margin-bottom: 7px;\r\n}\r\n\r\n.timeline-list span {\r\n color: var(--vegas-gold);\r\n font-weight: var(--fw-400);\r\n line-height: 1.6;\r\n}\r\n\r\n.timeline-item:not(:last-child)::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -25px;\r\n left: -30px;\r\n width: 1px;\r\n height: calc(100% + 50px);\r\n background: var(--jet);\r\n}\r\n\r\n.timeline-item::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 5px;\r\n left: -33px;\r\n height: 6px;\r\n width: 6px;\r\n background: var(--text-gradient-yellow);\r\n border-radius: 50%;\r\n box-shadow: 0 0 0 4px var(--jet);\r\n}\r\n\r\n.timeline-text {\r\n color: var(--light-gray);\r\n font-weight: var(--fw-300);\r\n line-height: 1.6;\r\n}\r\n\r\n\r\n@media (min-width: 580px) {\r\n\r\n /**\r\n * #RESUME\r\n */\r\n\r\n .timeline-list {\r\n margin-left: 65px;\r\n }\r\n\r\n .timeline-item:not(:last-child)::before {\r\n left: -40px;\r\n }\r\n\r\n .timeline-item::after {\r\n height: 8px;\r\n width: 8px;\r\n left: -43px;\r\n }\r\n\r\n}\r\n\r\n@media (min-width: 1250px) {\r\n .timeline-text {\r\n max-width: 700px;\r\n }\r\n}",".certificate-list {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n \r\n .certificate-item {\r\n background-color: #222224;\r\n border: 3px solid var(--vegas-gold);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s;\r\n }\r\n \r\n .certificate-item:hover {\r\n transform: translateY(-5px);\r\n }\r\n \r\n .certificate-img {\r\n border-radius: 10px;\r\n margin: 20px 20px 0px 20px;\r\n }\r\n\r\n .certificate-img img {\r\n border-radius: 10px;\r\n \r\n width: 100%;\r\n height: auto;\r\n }\r\n \r\n .certificate-title {\r\n font-size: 1.2em;\r\n margin: 10px;\r\n color: var(--vegas-gold);\r\n }\r\n \r\n .certificate-category {\r\n color: #7b7a7a;\r\n margin: 0 10px 10px;\r\n }\r\n \r\n .certificate-title, .certificate-category {\r\n text-align: center;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .certificate-list {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .certificate-list {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n ","\r\n.no-scroll {\r\n overflow: hidden;\r\n }\r\n \r\n\r\n/* Modal genel stilleri */\r\n.project-detail {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n display: none;\r\n /* Varsayılan olarak gizli */\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n /* Yüksek z-index değeri */\r\n}\r\n\r\n.project-detail.active {\r\n display: flex;\r\n /* Modal aktif olduğunda göster */\r\n}\r\n\r\n\r\n/* Görünmez scrollbar */\r\n.projects-modal::-webkit-scrollbar {\r\n width: 0px;\r\n background: transparent;\r\n /* Tarayıcıya özgü scrollbar arka planı */\r\n}\r\n\r\n.projects-modal {\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n}\r\n\r\n.overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.5);\r\n z-index: 999;\r\n transition: opacity 0.3s ease;\r\n}\r\n\r\n.overlay.active {\r\n opacity: 1;\r\n}\r\n\r\n.project-detail .info {\r\n margin-top: 30px;\r\n}\r\n\r\n.projects-modal {\r\n background: #363636;\r\n padding: 20px;\r\n border-radius: 18px;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n z-index: 1000;\r\n max-width: 600px;\r\n width: 90%;\r\n overflow-y: auto;\r\n max-height: 90vh;\r\n position: relative;\r\n}\r\n\r\n.project-name {\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: var(--vegas-gold);\r\n margin-bottom: 10px;\r\n\r\n}\r\n\r\n.project-text{\r\n color: #fff;\r\n font-size: 16px;\r\n line-height: 1.5;\r\n margin-bottom: 20px;\r\n\r\n}\r\n\r\n.detail-title{\r\n display: flex;\r\n flex-direction: row;\r\n color: var(--light-gray);\r\n font-size: 20px;\r\n font-weight: 600;\r\n margin-top: 20px;\r\n gap:10px;\r\n\r\n}\r\n\r\n.project-learn , .project-property {\r\n color: var(--light-gray);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n\r\n}\r\n\r\n.close-btn {\r\n border-radius: 8px;\r\n display: flex;\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n padding: 3px;\r\n justify-content: center;\r\n align-items: center;\r\n color: var(--vegas-gold);\r\n border: 2px solid var(--vegas-gold);\r\n font-size: 24px;\r\n cursor: pointer;\r\n z-index: 1002;\r\n}\r\n\r\n.info {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.project-image {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.project-image img {\r\n border: 3px solid var(--orange-yellow-crayola);\r\n width: 70%;\r\n border-radius: 8px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.github-button-container {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 20px;\r\n}\r\n\r\n.github-button {\r\n gap:15px;\r\n display: flex;\r\n align-items: center;\r\n background: #242424;\r\n color: #fff;\r\n padding: 10px 20px;\r\n border-radius: 8px;\r\n text-decoration: none;\r\n}\r\n\r\n.github-button:hover {\r\n background: #555;\r\n}","\r\n.projects { margin-bottom: 10px; }\r\n\r\n.projects-list {\r\n display: grid;\r\n grid-template-columns: repeat(1, 1fr);\r\n gap: 20px;\r\n}\r\n\r\n.projects-item {\r\n padding:20px;\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: 16px;\r\n border: 3px solid var(--orange-yellow-crayola);\r\n cursor: pointer;\r\n}\r\n\r\n.projects-avatar-box {\r\n margin-left: 10px;\r\n display: flex;\r\n gap:15px;\r\n justify-content: start;\r\n align-items: center;\r\n position: relative;\r\n}\r\n\r\n.projects-avatar-box img {\r\n width: 60px;\r\n height: 60px;\r\n}\r\n\r\n.projects-item-title {\r\n color: var(--vegas-gold);\r\n font-size: 22px;\r\n font-weight: 600;\r\n text-transform: capitalize;\r\n line-height: 1.3;\r\n margin: 10px;\r\n}\r\n\r\n.projects-text {\r\n color: var(--light-gray);\r\n line-height: 1.6;\r\n margin: 0 10px;\r\n}\r\n\r\n.project-detail-info {\r\n display: flex;\r\n justify-content: end;\r\n margin-top:15px;\r\n color: var(--light-gray-70);\r\n font-size: var(--fs-6);\r\n font-weight: var(--fw-300);\r\n line-height: 1.6;\r\n}\r\n\r\n\r\n\r\n\r\n","/*-----------------------------------*\\\r\n #NAVBAR\r\n\\*-----------------------------------*/\r\n\r\n.navbar {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n background: hsla(240, 1%, 17%, 0.75);\r\n backdrop-filter: blur(10px);\r\n border-radius: 12px 12px 0 0;\r\n box-shadow: var(--shadow-2);\r\n z-index: 5;\r\n}\r\n\r\n.navbar-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 0 10px;\r\n}\r\n\r\n.navbar-link {\r\n color: var(--light-gray);\r\n font-size: var(--fs-8);\r\n padding: 20px 7px;\r\n transition: color var(--transition-1);\r\n}\r\n\r\n.navbar-link:hover,\r\n.navbar-link:focus {\r\n color: var(--light-gray-70);\r\n}\r\n\r\n.navbar-link.active {\r\n color: var(--orange-yellow-crayola);\r\n}\r\n\r\n\r\n@media (min-width: 200px) {\r\n \r\n /**\r\n * #NAVBAR\r\n */\r\n\r\n .navbar { \r\n border-radius: 20px 20px 0 0;\r\n border-top: 3px solid var(--orange-yellow-crayola);\r\n }\r\n\r\n .navbar-link { \r\n font-weight: var(--fw-600); \r\n font-size: 18px;\r\n }\r\n}\r\n\r\n\r\n\r\n@media (min-width: 1024px) {\r\n .navbar {\r\n position: absolute;\r\n bottom: auto;\r\n top: 0;\r\n left: auto;\r\n right: 0;\r\n border-left: 3px solid var(--orange-yellow-crayola);\r\n border-bottom: 3px solid var(--orange-yellow-crayola);\r\n border-top: 0px;\r\n width: max-content;\r\n border-radius: 0 20px;\r\n padding: 0 20px;\r\n box-shadow: none;\r\n }\r\n\r\n .navbar-list {\r\n gap: 30px;\r\n padding: 0 20px;\r\n }\r\n\r\n .navbar-link { \r\n font-weight: var(--fw-600); \r\n font-size: 15px;\r\n }\r\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.59a11fce.js b/static/js/main.c7a9205a.js similarity index 78% rename from static/js/main.59a11fce.js rename to static/js/main.c7a9205a.js index e771d32..205002f 100644 --- a/static/js/main.59a11fce.js +++ b/static/js/main.c7a9205a.js @@ -1,3 +1,3 @@ -/*! For license information please see main.59a11fce.js.LICENSE.txt */ -(()=>{"use strict";var e={730:(e,t,n)=>{var r=n(43),a=n(853);function l(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n