@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";body{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.2rem}header,footer{width:100%;text-align:center;padding:1rem 0}.main{max-width:1200px;width:100%;padding:2rem;text-align:center}.bg{width:100%;height:100%;max-width:44em;position:absolute}.bg>div{position:absolute;scale:1.2;opacity:.6}.bg>div:nth-child(1){width:100%;height:100%;border-radius:100em;box-shadow:inset 0 0 4em 3em #eec8af33,inset 0 0 2em .4em #eec8af33,0 0 .1em .1em #eec8af33,0 0 1em .4em #eec8af4d;translate:0 -70%;animation:onloadbgt 1s ease-in-out forwards}.bg>div:nth-child(2){width:100%;height:100%;border-radius:100em;box-shadow:inset 0 0 4em 3em #eec8af33,inset 0 0 2em .4em #eec8af33,0 0 .1em .1em #eec8af33,0 0 1em .4em #eec8af4d;translate:0 70%;animation:onloadbgb 1s ease-in-out forwards}@keyframes onloadbgt{0%{translate:0 -70%;opacity:.3}to{translate:0 -64%;opacity:.8}}@keyframes onloadbgb{0%{translate:0 70%;opacity:.3}to{translate:0 64%;opacity:.8}}.header-text{display:flex;flex-direction:column;align-items:center;color:#eedee0;margin-top:2rem;text-align:center}.header-text p,.header-text span{margin:.5rem 0;overflow:hidden;white-space:nowrap;border-right:.15em solid #eedee0}.header-text p:nth-child(1){animation:typing 1.5s steps(14) forwards;border-right:none}.header-text span{animation:typing 1.5s steps(9,end) 1.2s forwards;border-right:none}.header-text p:nth-child(3){animation:typing 2s steps(41,end) 3s forwards;max-width:100%;border-right:none}.header-text p:nth-child(4){animation:typing 2s steps(46,end) 4.5s forwards;max-width:100%;border-right:none}@keyframes typing{0%{width:0}to{width:100%}}.glow-filter{position:relative;display:inline-block;filter:drop-shadow(0 0 5px #ffae00);word-spacing:.05rem;font-size:2rem}.profile-pic{filter:brightness(90%) opacity(90%);border-radius:50%;width:150px;height:150px;margin:1rem 0;object-fit:cover;border:3px solid #c8c2bd}.profile-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.buttons{margin:1.5rem 0;display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:10;position:relative}.buttons button{background:linear-gradient(135deg,#9a9ea3,#eedee0);color:#501c1c;border:none;border-radius:20px;padding:.75rem 1.5rem;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Montserrat Alternates,monospace,sans-serif;font-style:normal;font-size:1.1rem;margin:.5rem;cursor:pointer;transition:background .3s,transform .3s,box-shadow .3s;z-index:11;position:relative;width:150px}.buttons button:hover{transform:scale(1.05);box-shadow:0 4px 15px #ff9a8b66}body{overflow:auto;position:relative}.social-links{margin:2.5rem 0;display:flex;flex-direction:row;align-items:center;justify-content:center;-ms-flex-align:center}.social-links a{display:inline-block;margin:10px;position:relative}.social-icon{width:40px;height:40px;transition:transform .3s}.social-links a:hover .social-icon{transform:scale(1.1)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.left-modal-footer-container{width:5%;margin-left:95%}.left-modal-close-button,.right-modal-close-button{padding:2px!important;margin:0!important;width:3rem!important;height:3rem!important;border-radius:3rem,3rem,3rem,3rem!important}.right-modal-footer-container{width:5%;margin-right:95%}@media (max-width: 480px){body{font-size:.7rem}.header-text p{font-size:.7rem;text-align:center}.header-text span{text-align:center;font-size:1rem}.buttons button{font-size:.7rem;padding:.5rem .7rem}.profile-pic{width:80px;height:80px}.left-modal-footer-container{width:5%;margin-left:80%}}.modal-overlay-left{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.modal-overlay-right{position:fixed;top:0;right:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.modal-content-left{background:#0f0101;width:100%;height:100%;margin-left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;overflow:hidden;box-shadow:inset 0 0 2em .4em #eec8af33,0 0 .1em .1em #eec8af33,0 0 1em .4em #eec8af4d}.modal-content-right{background:#0f0101;width:100%;height:100%;position:absolute;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;overflow:hidden;box-shadow:inset 0 0 2em .4em #eec8af33,0 0 .1em .1em #eec8af33,0 0 1em .4em #eec8af4d}button{padding:10px 20px;margin:5px;cursor:pointer}.modal-content-container{overflow-y:scroll}.section-container{display:flex;flex-direction:column;justify-content:start;align-items:flex-start;padding:0;margin:0}.section-container>.header,.paragraph{text-align:left;width:90%;margin:1% 5%;padding:0 3rem}.paragraph,.timeline-box,.experience-paragraph{color:#bea4a4;font-family:Roboto,sans-serif;font-size:large}.experience-title{font-family:Roboto,sans-serif;font-size:large}.paragraph a{color:#e0d3cf;filter:drop-shadow(0 0 2px #ffae00);text-decoration:none}.section-row-container{display:flex;flex-direction:row;justify-content:flex-start;text-align:left;width:90%;margin:1% 5%;padding:0 3rem}.timeline-box{display:contents;padding-top:0}.timeline-box *{word-wrap:none;min-width:100px;width:15%;padding-top:0;flex-shrink:0}.experience-container{padding:0!important;margin:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.experience-title{font-weight:700}.experience-container div{padding:0 0 .5rem;margin:0;min-width:100%}.experience-paragraph p{word-wrap:normal;overflow-wrap:anywhere}@media (max-width: 480px){.section-container>.header,.paragraph{text-align:left;width:98%;margin:3% 1%;padding:0 1rem}.paragraph,.timeline-box,.experience-paragraph{color:#bea4a4;font-family:Roboto,sans-serif;font-size:medium}.section-row-container{display:flex;flex-direction:column;justify-content:flex-start;text-align:left;width:98%;margin:3% 1%;padding:0 1rem}.timeline-box *{word-wrap:none;min-width:fit-content}}.divider{height:4rem}.screenshot-box{min-width:20rem;min-height:8rem;width:25%;height:20%;max-height:15rem;padding-top:0;flex-shrink:0;margin-right:2rem;overflow:hidden}.screenshot-box img{width:100%;height:100%;object-fit:cover}.skill-tabs{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;text-wrap:nowrap}.skill-tabs p{font-family:Roboto,sans-serif;font-size:small;word-wrap:none;overflow-wrap:anywhere;margin-right:1rem;margin-top:.5rem;height:1.5rem;padding:.25rem;border-radius:.5rem;color:#fff;background:rgb(134,126,121)}.project-link{color:#e0d3cf;filter:drop-shadow(0 0 2px #ffae00);text-decoration:none}.project-name{color:#d7b9a2}.project-link:hover{color:#d7b9a2;filter:none}.github-text{font-size:small}@media (max-width: 480px){.screenshot-box{min-width:20rem;min-height:8rem;width:90%;height:60%;padding-top:0;flex-shrink:0;margin-right:2rem;margin-bottom:1rem;overflow:hidden}.screenshot-box img{width:100%;height:100%;object-fit:cover}}footer p{font-size:.6rem;color:#888;text-align:center}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Montserrat Alternates,monospace,sans-serif;background:#000;color:#c8c2bd;letter-spacing:.05em}