:root{--text: #e0e0e6;--background-100: #0f0e17;--background-300: #161522;--background-400: #1c1b2e;--background-500: #242336;--background-600: #3d3a56;--background-700: #57547a;--background-900: #8b86a8;--primary: #7c6aef;--secondary: #8f88b8;--accent: #a28dff}*{margin:0;padding:0;font-size:15px;color:var(--text);text-decoration:none;box-sizing:border-box;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{-webkit-box-shadow:0px 0px 15px 10px rgba(0,0,0,.3);box-shadow:0 0 15px 10px #0000004d;position:relative;display:block;margin:20px auto;max-width:1500px;height:calc(100vh - 40px);overflow-y:scroll;scrollbar-width:none;border-radius:16px}main{height:calc(100% - 60px);display:flex}body{background-color:var(--background-100)}h1{margin-bottom:10px;font-size:55px;letter-spacing:-.5px}h2{margin-bottom:10px;font-size:28px;letter-spacing:-.5px}h3{margin-bottom:10px;font-size:18px}.divider{background:#8c8c8e;width:calc(100% - 40px);height:1px;opacity:.15;border-radius:1px;margin:22.5px 20px}.divider-vertical{background:#8c8c8c;width:1px;opacity:.15;border-radius:1px;margin:20px}.content{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--background-300);overflow-y:scroll;scrollbar-width:none;padding:30px;width:100%}.outlet{flex:1}.err404{width:fit-content;margin:25% auto;text-align:center}.banner-container-bg{background-image:url(/background.png);background-color:gray;height:300px;margin-bottom:30px;box-shadow:0 0 10px 2px #0000004d;border-radius:16px}.banner-container{background-image:linear-gradient(90deg,#1e1c2deb 15%,#232134bf 50%,#232134b3);content:"";padding:30px;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-around;font-size:20px;position:relative}.banner-container>h1{margin-top:-40px}.blue-cursor{color:#a9f;font-size:25px}h3>span{color:var(--accent)}.discover-button{width:225px;height:40px;background-color:var(--primary);color:#eee;font-weight:700;font-size:16px;border-radius:10px;border:none}.avatar{width:30%;min-width:200px;max-width:250px;position:absolute;right:125px;bottom:0;transition:right .5s;filter:drop-shadow(3px 0px 10px black)}@media screen and (max-width: 1499px){.avatar{right:30px}}@media screen and (max-width: 1299px){.avatar{right:0}}@media screen and (max-width: 1099px){.banner-container>h1{width:325px}}.dynamic-text{margin-top:-10px}.banner-container>h1{color:var(--accent)}.container-content{position:relative;display:flex;min-height:150px;background-color:var(--background-500);border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0003;transition:transform .25s ease,box-shadow .25s ease}.img-container{position:relative;margin:10px;min-width:130px;min-height:130px;max-width:130px;max-height:130px;background-color:var(--background-400);border-radius:10px}.img-container>img{position:absolute;max-height:130px;max-width:130px;padding:10px;left:50%;top:50%;transform:translate(-50%,-50%)}.container-content>p{margin:10px 20px 30px 10px}.container-content>.corner-link{display:flex;position:absolute;content:"learn more ...";color:var(--secondary);font-weight:800;right:10px;bottom:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.container-content>.corner-link:hover{color:var(--accent)}.container-content h3{color:var(--secondary)}.container-content:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--accent),0 8px 20px #0000004d}@keyframes hoverAnim{0%{outline-color:#0000}to{outline-color:var(--accent)}}.container-blocks{display:grid;margin-top:20px;grid-template-columns:calc(50% - 10px) calc(50% - 10px);column-gap:20px;row-gap:20px}.about-me{margin-bottom:20px;grid-template-columns:100%!important}.about-me>.container-content>p{margin:20px!important;font-size:16px}@media screen and (max-width: 1099px){.container-blocks{grid-template-columns:100%}}nav{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;background:linear-gradient(159deg,#252532d9,#23232dd9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);padding-left:10px;height:60px;width:100%}.logo{padding:6px 10px;display:block;color:var(--accent);border-radius:12px;width:fit-content;line-height:42px;font-size:50px;transition:scale .8s}.logo:hover{scale:1.2}.logo>span{line-height:20px;font-size:50px}.right{display:flex}.right>a{display:flex;margin:auto 20px;font-weight:500;font-size:18px;color:var(--accent);transition:all .3s ease}.right>a:hover{color:var(--primary);transform:translateY(-1px)}.side-panel{position:sticky;top:0;background:linear-gradient(159deg,#252532d9,#23232dd9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-width:18%;overflow-y:scroll;scrollbar-width:none}.header{background:linear-gradient(160deg,#50147899,#1e1e46cc);padding:30px;box-shadow:0 5px 10px #00000040;border-radius:0 0 16px 16px}.header>img{display:block;width:100px;height:100px;border-radius:50%;margin:auto auto 15px;border:3px solid var(--accent);box-shadow:0 0 12px #a28dff40}.header>*{text-align:center}.grey{color:gray}.personal{margin:24px 20px}.pers-item{display:flex;justify-content:space-between}.languages{display:flex;justify-content:space-around}@media screen and (max-width: 1099px){.languages{flex-direction:column}.lang-item{width:70px!important}.lang-item:not(:last-child){margin-bottom:10px}}.lang-item{display:flex;flex-direction:column;width:80px;text-align:center;align-self:center}.radial-percentage{margin-bottom:5px;width:80%;position:relative;font-size:15px}.radial-percentage>svg>path:first-child{stroke:var(--accent)}.radial-percentage>svg>path:last-child{stroke:var(--background-400)}.percentage{position:absolute;font-size:12px;left:50%;top:50%;transform:translate(-50%,-50%)}.skills{margin:24px 20px}.skill{margin-bottom:15px}.skill-text{display:flex;justify-content:space-between}.progress-bar-bg{width:100%;height:6px;background-color:var(--background-100);border-radius:3px}.progress-bar{margin:5px 0;height:100%;background-color:var(--accent);border-radius:3px}.knowledge-list{margin:24px 20px 0;padding-bottom:20px;list-style:none}.knowledge-list>li:before{content:"•";font-size:18px;color:var(--accent);margin-right:15px}.knowledge-list>li{font-size:15px;letter-spacing:.3px}.scroll-arrow{position:absolute;font-size:28px;bottom:20px;right:5px;animation:BobUpDown 2s linear infinite;display:none}@media screen and (max-height: 970px){.scroll-arrow{display:block}}@media screen and (max-height: 1200px) and (max-width: 1099px){.scroll-arrow{display:block}}@keyframes BobUpDown{0%,50%,to{padding-bottom:0}25%{padding-bottom:10px}}footer{display:flex;flex-direction:column}.hstack{display:flex;flex-direction:row;justify-content:space-around;padding-top:10px}footer a{padding:5px 20px;border:solid 1px var(--accent);border-radius:12px;background-color:var(--background-500);transition:all .25s ease}footer a:hover{background-color:var(--background-600)}footer i{margin-right:5px}.fa,.fab{--fa-animation-duration: .8s;--fa-animation-iteration-count: 1}.fa-github{color:#a8a8a8}.fa-linkedin{color:#0077b5}.fa-envelope{color:#b5aa89}.fa-discord{color:#7289d9;position:relative}a:hover .fa-discord:after{position:absolute;content:"id:sjamese";top:-25px;left:-7px}footer a:not(:hover) i{color:var(--text)}footer a:not(:hover){border-color:var(--secondary)}footer a{min-width:max-content}.links{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:10px}.links>*:not(:last-child){margin-right:35px}.copyright{display:flex;line-height:31px}@media screen and (max-width: 1099px){.links>*:not(:last-child){margin-right:10px}}@media screen and (max-width: 999px){.rights{display:none}}