:root{--text: #d1d1d1;--background-100: #14121f;--background-300: #181725;--background-400: #1b1929;--background-500: #22202c;--background-600: #44405f;--background-700: #666082;--background-900: #88809c;--primary: #7762df;--secondary: #7970a4;--accent: #9783fc}*{margin:0;padding:0;font-size:14px;color:var(--text);text-decoration:none;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{-webkit-box-shadow:0px 0px 10px 10px rgba(0,0,0,.25);box-shadow:0 0 10px 10px #00000040;position:relative;display:block;margin:15px auto;max-width:1500px;height:calc(100vh - 30px);overflow-y:scroll;scrollbar-width:none}main{height:calc(100% - 60px);display:flex}body{background-color:var(--background-100)}h1{margin-bottom:10px;font-size:55px}h2{margin-bottom:10px;font-size:28px}h3{margin-bottom:10px;font-size:18px}.divider{background:#8c8c8e;width:calc(100% - 40px);height:1px;opacity:.3;margin:22.5px 20px}.divider-vertical{background:#8c8c8c;width:1px;opacity:.3;margin:20px}.content{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--background-300);overflow-y:scroll;scrollbar-width:none;padding:25px;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:25px;box-shadow:0 0 10px 2px #0000004d}.banner-container{background-image:-webkit-gradient(linear,left top,right top,color-stop(15%,rgba(45,45,58,.9)),color-stop(50%,rgba(45,45,58,.7)),to(rgba(43,43,53,.7)));background-image:linear-gradient(90deg,#2d2d3ae6 15%,#2d2d3ab3 50%,#2b2b35b3);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:orange}.discover-button{width:225px;height:40px;background-color:var(--primary);color:#eee;font-weight:700;font-size:16px}.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);outline:solid 1px #9783fc00;transition:outline .3s linear}.img-container{position:relative;margin:10px;min-width:130px;min-height:130px;max-width:130px;max-height:130px;background-color:var(--background-400)}.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{outline:solid 1px #9783fc}@keyframes hoverAnim{form{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}@media screen and (max-width: 1099px){.container-blocks{grid-template-columns:100%}}.article-container{display:flex;height:100%;width:100%}.article-contents{position:sticky;top:80px;height:fit-content;width:20%;padding:0 20px;display:flex;flex-direction:column}.article-contents h1{width:fit-content;font-weight:500;font-size:30px}.article-contents h2{width:fit-content;font-weight:300;font-size:28px;margin-left:20px}.article-contents h3{width:fit-content;font-weight:200;font-size:26px;margin-left:40px}.article-main{position:relative;width:100%;height:100%}.background{display:flex;flex-direction:column;justify-content:space-between;padding:30px;width:100%;height:100%;background-color:#111b;margin:0 auto}.article-main p{font-family:Comic Sans MS,Comic Sans;font-size:15px;text-indent:15px}.article-main h1{color:var(--accent);margin-left:30px;font-size:26px;font-weight:500;margin-bottom:14px}.article-main h2{margin-left:24px;font-size:40px;font-weight:400;margin-bottom:10px}.article-main h3{margin-left:24px;font-size:35px;font-weight:400;margin-bottom:10px}.article-main img{position:absolute;top:45%;transform:translateY(-50%)}.pos-left{left:30px}.pos-right{right:30px}.margin-left{margin-left:230px}.margin-right{margin-right:230px}.paragraph-container{display:flex}.story-box{padding:16px;width:70%;color:#fff;background-color:var(--background-400);box-shadow:0 0 10px #636;transition:all .5s}.story-box:not(:last-child){margin-bottom:25px}.story-box:nth-child(2n){margin-left:auto;margin-right:0}@media screen and (max-width: 1299px){.story-box{width:80%}}@media screen and (max-width: 1099px){.story-box{width:100%}}nav{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;background:linear-gradient(159deg,#252532fa,#23232dfa);padding-left:10px;height:60px;width:100%}.logo{padding:6px 10px;display:block;color:var(--accent);border-radius:30px;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:600;font-size:22px;color:var(--accent);transition:all .5s}.right>a:hover{color:var(--primary);transform:translateY(-1px)}.side-panel{position:sticky;top:0;background:linear-gradient(159deg,#252532fa,#23232dfa);min-width:18%;overflow-y:scroll;scrollbar-width:none}.header{background:linear-gradient(160deg,#5a0b8afa,#20204cfa);padding:30px;box-shadow:0 5px 7px #0000004d}.header>img{display:block;width:100px;height:100px;border-radius:50%;margin:auto auto 15px}.header>*{text-align:center}.grey{color:gray}.personal{margin: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:14px}.radial-percentage>svg>path:first-child{stroke:var(--accent)}.radial-percentage>svg>path:last-child{stroke:var(--background-100)}.percentage{position:absolute;font-size:12px;left:50%;top:50%;transform:translate(-50%,-50%)}.skills{margin:20px}.skill{margin-bottom:15px}.skill-text{display:flex;justify-content:space-between}.progress-bar-bg{width:100%;height:4px;background-color:var(--background-100)}.progress-bar{margin:5px 0;height:100%;background-color:var(--accent)}.knowledge-list{margin:20px 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:14px;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:20px;background-color:var(--background-500)}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}}.git-container{display:flex;flex-direction:column;margin:auto;justify-content:space-around;max-width:600px;height:100%}.git-left{width:auto;padding:10px 25px}.git-left>h1{margin-bottom:25px;color:var(--accent)}.git-left>p{font-size:18px;font-family:Comic Sans MS,Comic Sans}.git-left>p:first-of-type{margin-bottom:10px}.git-right{width:auto;padding:10px 25px;display:flex;flex-direction:column}.git-right>input[type=text],.git-right>input[type=email]{width:80%;max-width:350px;min-width:250px;height:30px;font-size:16px;background-color:var(--background-100);margin-bottom:20px;padding-left:5px;border:0;border-bottom:1px solid var(--background-700)}.git-right>textarea{width:100%;height:100px;font-size:16px;padding-left:5px;background-color:var(--background-100);margin-bottom:20px;border:0;border-bottom:1px solid var(--background-700)}.git-right>input:focus-visible,.git-right>textarea:focus-visible{outline:0;border-bottom:1px solid var(--accent)}.git-right>button{width:100px;height:30px;background-color:var(--accent);color:#eee;font-weight:500;font-size:14px;margin-bottom:15px;position:relative}.errorCaptcha:after{position:absolute;padding:0 10px;top:-2px;left:100px;min-width:max-content;line-height:30px;height:30px;color:red;content:"Please complete the Captcha first"}