:root{--background: #0d0c0d;--block: #0f0f11;--text: #858185;--main: #b2a7fb;--main2: #c6beff;--card-bg: #1d1d1f;--button-bg: #444;--button-bg-hover: #555;--tag-bg: #333;--tag-color: #fff;--font-family: "Geist", sans-serif;--block: #0f0f11;--primary-color: #b2a7fb;--secondary-color: #16361d;--tertiary-color: #219b31;--background-color: #0d0c0d;--text-color: #858185;--hover-color: #c0b7fc;--primary-darker: #786ebb;--darker-button: #161515;--button-background: #202020;--button-text: #fff;--tag-background: #1a1919;--tag-text: #9693a8;--card-border-radius: 15px;--button-padding: 10px 10px}body{font-family: "Geist", sans-serif;background-color: var(--background);color: #fff;margin: 0;padding: 0;display: flex;flex-direction: column;justify-content: flex-start;text-align: center}h1{font-size: 3rem;margin-top: 100px;margin-bottom: 10px}.description{font-size: 1rem;margin-bottom: 20px;color: var(--text)}.back-button{display: inline-block;padding: 10px 20px;background-color: var(--main);color: #000;text-decoration: none;font-size: 1.2rem;border-radius: 5px;transition: background-color 0.3s;margin-bottom: 40px}.back-button:hover{background-color: var(--main2)}a{color: inherit;text-decoration: none}*{margin: 0;padding: 0;box-sizing: border-box}.container{display: flex;justify-content: space-between;align-items: flex-start;width: 100%;max-width: 2000px;gap: 15px;padding: 30px;position: relative}.column{display: flex;flex-direction: column;justify-content: space-between;flex: 1 1 30%;gap: 15px}.block{background-color: #0b0a0c;color: #fff;border-radius: 10px;text-align: center;font-size: 30px;padding: 40px;box-sizing: border-box;border: 1px solid #2e2e2e}.block-1{background-color: #0b0a0c;border-radius: 10px;text-align: center;font-size: 30px;box-sizing: border-box;border: 1px solid #2e2e2e;padding: 0;position: relative;overflow: hidden;height: 330px}.profile-container{position: relative;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center}.background{position: absolute;top: 0;left: 0;width: 100%;height: 150px;background: url(../images/projects/2.0.png) center/cover no-repeat;border-radius: 10px 10px 0 0;z-index: 1;box-shadow: inset 0 -10px 15px rgb(0 0 0 / 0.8)}.profile-placeholder{position: absolute;top: 100px;left: 50%;transform: translate(-50%, 0);width: 100px;height: 100px;background-color: #0b0a0c;border-radius: 50%;z-index: 2}.profile-pic{position: absolute;top: 90px;left: 50%;transform: translate(-50%, 0);width: 100px;height: 100px;border-radius: 10px;border: 5px solid var(--block);overflow: hidden;z-index: 3}.profile-pic img{width: 100%;height: 100%;object-fit: cover}.profile-title{margin-top: 170px;margin-bottom: 15px;font-size: 35px;font-weight: 700;color: #fff;text-align: center;max-width: 250px;word-wrap: break-word;white-space: normal}.tags{position: absolute;top: 150px;display: flex;flex-wrap: wrap;gap: 5px;max-width: 155px;margin-top: 10px}.left-tags{left: 10px;justify-content: flex-start}.right-tags{right: 10px;justify-content: flex-end}@media (max-width: 768px){h1{font-size: 2rem}.tags{top: 140px;flex-direction: column;align-items: flex-start}}.tag{margin-top: 3px;padding: 5px 10px;font-size: 14px;font-weight: 700;color: var(--tag-color);background-color: var(--darker-button);border-radius: 5px;box-shadow: 0 2px 5px rgb(0 0 0 / 0.3);white-space: nowrap}.tag i{color: var(--primary-color);margin-right: 5px}.tag svg{color: var(--primary-color);width: 15px;height: 15px;margin-right: 5px}.main-button{display: inline-block;padding: 10px 20px;background-color: var(--main);color: #000;text-decoration: none;font-size: 1.2rem;border-radius: 5px;transition: background-color 0.3s}.main-button svg{width: 23px;height: 23px}.main-button:hover{background-color: var(--main2)}.slider-container{position: relative;width: 100%;max-width: 800px;overflow: hidden;border-radius: 10px;box-shadow: 0 6px 15px rgb(0 0 0 / 0.1)}.slider{display: flex;transition: transform 0.4s ease-in-out}.slide{min-width: 100%;height: 330px;transition: transform 0.5s ease-in-out}.slide img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px}.prev,.next{position: absolute;top: 50%;transform: translateY(-50%);background-color: rgb(0 0 0 / 0.5);color: #fff;border: none;width: 40px;height: 40px;cursor: pointer;z-index: 10;border-radius: 50%;transition: background-color 0.3s ease;display: flex;justify-content: center;align-items: center;padding: 0}.prev{left: 10px}.next{right: 10px}.prev:hover,.next:hover{background-color: rgb(0 0 0 / 0.8)}.dots-container{position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);display: flex;justify-content: center;align-items: center}.dot{height: 12px;width: 12px;margin: 0 3px;background-color: rgb(255 255 255 / 0.5);border-radius: 50%;display: inline-block;cursor: pointer;transition: background-color 0.3s ease}.dot.active{background-color: rgb(255 255 255)}.block-2{height: 330px;padding: 0}.block-3{height: auto}.block-4{height: 270px}.block-5{height: 250px}.block-6{height: 250px}@media (max-width: 768px){.profile-title{visibility: hidden}.container{flex-direction: column;gap: 10px}.column{width: 100%}.block{height: auto}.block-1{height: 380px}.slide{height: 220px}}.block-3 h1,.block-3 h2{margin-top: 0;margin-bottom: 0;padding: 0}.block-3 h1{display: flex;align-items: center;justify-content: flex-start;gap: 8px;color: var(--button-text);font-size: 27px;font-weight: 500}.block-3 h2{display: flex;margin-top: 10px;font-size: 15px;font-weight: 500;color: var(--text-color)}.block-3 h1 svg{color: var(--primary-color);width: 1.1em;height: 1.1em}@media (max-width: 768px){.block-3 h1{font-size: 23px}.block-3 h2{font-size: 12px}}.project-desc{display: flex;font-size: 20px;text-align: left;flex-direction: column;gap: 15px}.project-desc svg{width: 8px;height: 8px;margin-right: 8px;color: var(--primary-color)}.desc2{margin-top: 40px}.desc2 svg{width: 20px;height: 20px}.block-5 h1,.block-5 h2{margin-top: 0;margin-bottom: 0;padding: 0}.block-5 h1{display: flex;align-items: center;justify-content: flex-start;gap: 8px;color: var(--button-text);font-size: 27px;font-weight: 500}.block-5 h2{display: flex;margin-top: 10px;font-size: 15px;font-weight: 500;color: var(--text-color)}.block-5 h1 svg{color: var(--primary-color);width: 1.1em;height: 1.1em}@media (max-width: 768px){.block-5 h1{font-size: 23px}.block-5 h2{font-size: 12px}}.block-5 p{display: flex;font-size: 16px;gap: 5px;margin-bottom: 10px}.block-5 p a{color: var(--primary-color);font-size: 17px}.block-5 p svg{color: var(--tag-text);width: 20px;height: 20px;margin-right: 5px}.resumes{margin-top: 20px;display: flex;gap: 10px}.resume{width: 100%;height: 80px;background-color: var(--block);margin: 15px auto 0;border: 1px solid #222;border-radius: 10px;display: flex;align-items: center;padding: 0 15px;box-sizing: border-box}.resume-content{display: flex;width: 100%;align-items: center}.resume svg{margin-left: 0;margin-right: 15px;width: 50px;height: 50px;background-color: var(--button-background);padding: 10px;border-radius: 12px;color: #fff}.text-content{display: flex;flex-direction: column}.resume-title{display: flex;font-size: 18px;font-weight: 500;color: var(--button-text);margin-bottom: 5px;margin-top: 8px}.resume-title:hover svg{transform: scale(1.2);transition: transform 0.3s ease-in-out}.resume h3 svg{margin: 0;margin-top: 2px;margin-left: 10px;width: 15px;height: 15px;color: var(--primary-color);background-color: #fff0;padding: 0;border-radius: 0;transition: transform 0.3s ease-in-out}.resume p{display: flex;font-size: 11px;color: var(--text-color)}.resume p svg{margin: 0;width: 12px;height: 12px;color: var(--primary-color);background-color: #fff0;padding: 0;border-radius: 0}@media (max-width: 768px){.resumes{flex-direction: column;gap: 8px;margin-top: 15px}.resume{height: auto;padding: 3px}.resume-content{align-items: flex-start}.resume-img{width: 40px;margin-right: 15px;margin-bottom: 10px}.text-content{align-items: flex-start}.resume-title{font-size: 14px}.resume-description{font-size: 12px}}.block-6 h1,.block-6 h2{margin-top: 0;margin-bottom: 0;padding: 0}.block-6 h1{display: flex;align-items: center;justify-content: flex-start;gap: 8px;color: var(--button-text);font-size: 27px;font-weight: 500}.block-6 h2{display: flex;margin-top: 10px;font-size: 15px;font-weight: 500;color: var(--text-color)}.block-6 h1 svg{color: var(--primary-color);width: 1.1em;height: 1.1em}@media (max-width: 768px){.block-6 h1{font-size: 23px}.block-6 h2{font-size: 12px}}.block-6 p{display: flex;font-size: 16px;gap: 5px;margin-bottom: 10px}.block-6 p a{color: var(--primary-color);font-size: 17px}.block-6 p svg{color: var(--primary-color);width: 20px;height: 20px;margin-right: 5px}