:root{--gradient-right: #393e2b;--gradient-left: rgb(71 78 52);--gradient-background: rgb(53 58 39);--gradient-background-right: rgb(194 253 51 / 0%);--gradient-background-left: rgb(206 241 12 / 0%);--color-showcase-header: rgb(62 69 44);--gradient-showcase-header-left: rgb(83 92 60);--btn-background: rgb(73 82 53);--btn-background-hover: rgb(82 91 59);--btn-outline: rgb(92 111 45);--offline: #898989}*{font-size:100%;font-family:Motiva Sans}.main-body{background-image:linear-gradient(#353a27,#383c24);max-width:975px;color:#fff;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;padding-bottom:45px}header{background-color:#222518;color:#fff;width:100%;position:absolute;top:0;left:0;right:0;display:flex;height:90px}body{background-color:#404434;margin-top:90px}.nav-links{display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;width:975px;max-width:975px;height:100%;top:0}.nav-links a{text-decoration:none;color:#fff}.nav-links li{display:flex;flex:1;justify-content:center;align-items:center;text-align:center;color:#fff;padding:0 16px;text-decoration:none;font-family:arial;width:125px;height:100%}.nav-links ul{display:flex;list-style:none;padding:0;margin:0;width:100%;height:100%}.nav-ul.open{display:block;position:absolute;top:90px;left:0;width:100%;background-color:#222518;z-index:1000}.nav-ul.open li{display:block;text-align:center;padding:10px 0}.hamburger-menu{display:none;font-size:30px;cursor:pointer;color:#fff;position:absolute;top:20px;right:20px}.mobile-menu{display:none}.mobile-menu.open{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:400px;background-color:#292c1f;border-radius:10px;z-index:1000;padding:20px;box-sizing:border-box;box-shadow:0 0 10px #0009;border:1px solid #222518}.mobile-menu.open ul{list-style:none;padding:0;margin:0}.mobile-menu.open li{display:block;text-align:center;padding:10px 0}.mobile-menu.open li a{color:#fff;text-decoration:none;display:block;width:100%;padding:10px 0}@media (max-width: 768px){.hamburger-menu{display:block}.nav-links{display:none}.nav-ul{display:none;flex-direction:column}.nav-ul.open{display:flex}}.pfp-container{position:relative;top:30px;left:0}.top{position:relative}.pfp{position:absolute;left:15px;top:32px;height:170px;width:185px}.menu-item:hover{cursor:default;text-shadow:1px 1px 2px #000000aa;color:#fff;font-weight:600;background-color:#958831}.menu-item:active,.menu-item a:active{background-color:#505c44;color:#fd3}.menu-item{color:#dcdedf;font-weight:500;height:100%}.menu-item a{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.heading{display:flex;padding-bottom:30px;gap:10px;position:relative}.user-info{padding-top:60px;padding-left:15px}.user-info p{margin:0;font-weight:200;line-height:30px}.main-content{display:flex;gap:10px;padding-top:25px}.left-content{width:68%}.right-content{width:32%;border-radius:3px;background-color:#282c1c;padding-left:5px;padding-right:5px}#online-status{color:#57cbde;font-weight:200;font-size:20px}.profile-label{font-family:Motiva Sans;font-weight:200;color:#9b9b9b;font-size:24px}.upper-tab{display:flex;align-items:center;padding-left:10px;font-size:16px;height:40px;background-image:linear-gradient(90deg,var(--gradient-showcase-header-left) 0%,var(--color-showcase-header) 90%);white-space:nowrap;border-radius:3px 3px 0 0/3px 3px 0px 0px;font-weight:200}.lower-tab{font-size:16px;background-image:linear-gradient(90deg,#303820,#303820 90%);white-space:nowrap;border-radius:0 0 5px 5px/0px 0px 5px 5px;padding:20px 10px 11px}.inner-tab{background-color:#0000004d;font-size:13px;border-radius:5px;min-height:35px;margin-bottom:0;padding:8px;color:#969696}.align-items-center{display:flex;align-items:center;white-space:normal}.background{--gradient-right: #393e2b;--gradient-left: rgb(71 78 52);--gradient-background: rgb(53 58 39);--gradient-background-right: rgb(194 253 51 / 0%);--gradient-background-left: rgb(206 241 12 / 0%);--color-showcase-header: rgb(62 69 44);--gradient-showcase-header-left: rgb(83 92 60);--btn-background: rgb(73 82 53);--btn-background-hover: rgb(82 91 59);--btn-outline: rgb(92 111 45)}.projects{margin-top:10px}.project{margin-bottom:20px;height:auto}.project-inner-upper{display:flex;align-items:flex-start}.project-inner-upper a:hover{color:#fd3}.project-inner-upper a{text-decoration:none;color:#fff}.project-inner-lower{background-color:var(--gradient-background);margin-top:9px;height:51px;padding-left:10px;border-radius:3px}.achievement_progress_bar_ctn{height:8px;padding:1px;width:145px;display:inline-block;background-color:#0000004d;border:1px solid rgba(0,0,0,.5);border-radius:5px;box-shadow:1px 1px 1px #ffffff1a}.achievement_progress_bar_ctn .progress_bar{background-color:#364359;height:8px;border-radius:4px;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,var(--color-showcase-header) 80%)}.attending{background-color:#0000004d;font-size:13px;border-radius:5px;margin-bottom:0;position:absolute;height:60px;display:flex;gap:15px;align-items:center;padding:8px;top:60px;right:2px;width:250px}.right-content a{text-decoration:none;color:#fff}.right-content img:hover{background-color:#958831;transform:scale(1.1)}.right-content a:hover{color:#fd3}.right-content a:active{color:#505c44}.colorWhite{color:#fff}#fsc:active{transform:scale(.9)}@media (max-width: 768px){.main-content{flex-wrap:wrap}.left-content,.right-content{float:none;width:100%}.main-body{padding-left:0;padding-right:0;width:100%;box-sizing:border-box}.nav-links li,.nav-links{width:100%}.user-info p{font-size:16px}.profile-label{font-size:20px}.upper-tab,.lower-tab{font-size:14px}.inner-tab{font-size:12px}.project-inner-upper a{font-size:14px}.project-inner-lower{height:45px}.achievement_progress_bar_ctn{width:125px}}@media (max-width: 730px){.attending{display:none}}.proj-languages img:hover{background-color:#958831;transform:scale(1.1)}.proj-languages img{background-color:#50543c;border-radius:3px;padding:2px}.project-inner-upper a{word-wrap:break-word;white-space:normal;overflow-wrap:break-word}form{display:flex;flex-direction:column;width:100%;max-width:600px;margin:0 auto}label{margin-top:10px}input,textarea{margin-top:5px;padding:10px;font-size:16px;width:100%;box-sizing:border-box}input[type=submit]{margin-top:20px;padding:10px;background-color:#495235;color:#fff;border:none;cursor:pointer;width:20%;box-sizing:border-box;align-self:center}input[type=submit]:hover{background-color:#6b8e23}.centeredText{text-align:center}hr.rounded{border-top:1px solid #bbb;border-radius:5px}.project-gallery{display:flex;flex-direction:column;align-items:center;position:relative}.gallery-controls{display:flex;align-items:center;justify-content:center;position:relative;width:100%}.gallery-image{position:relative;padding:0;max-width:100%}.gallery-image-container{background-color:#2d3c2d;border-radius:8px;padding:10px;width:100%;max-width:800px;height:400px;display:flex;justify-content:center;align-items:center;margin:0 auto}.gallery-image img{width:100%;height:100%;object-fit:cover;border-radius:2px;display:block}.gallery-controls button{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;z-index:1;color:#fff}.gallery-controls button:first-of-type{left:0}.gallery-controls button:last-of-type{right:0}.gallery-thumbnails{display:flex;justify-content:center;margin-top:15px;flex-wrap:wrap;gap:10px}.thumbnail{border:none;cursor:pointer;background-color:#2d3c2d;border-radius:4px;padding:5px;transition:transform .2s ease}.thumbnail:hover{transform:scale(1.1)}.thumbnail img{width:80px;height:80px;object-fit:cover;border-radius:4px;border:2px solid transparent}.thumbnail.active{background-color:#8a7f2d}.thumbnail.active img{border-color:#007bff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;max-width:90%;max-height:90%;background:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 8px #0003}.modal-content img{width:100%;height:auto;display:block}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;color:#333;cursor:pointer}.close-button:hover{color:#000}.technologies-used{margin-top:20px}.tech-list{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.tech-item{background-color:#333;color:#fff;padding:5px 10px;border-radius:5px}.tech-item:hover{background-color:#8a7f2d;transform:scale(1.1);transition:transform .2s ease}.project-description{margin-top:20px}.project-title{font-size:32px;font-weight:700}.github-link{color:gray;transition:color .3s ease;text-decoration:none}.github-link:hover{color:inherit}.project-details-container{background-color:#282c1c;color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px}.project-details-container h2{display:flex;align-items:center;font-size:24px;margin-bottom:10px}.project-details-container p{line-height:1.5}