@font-face{font-family:Roboto-Mono;src:local("Roboto-Mono"),url(/static/media/RobotoMono-VariableFont_wght.e1d699e6544d0dbf6ec7.ttf) format("truetype")}:root{--accent-color-three:#545455}body{background-color:#161616;background-color:var(--main-bg-color);font-family:Roboto-mono;font-family:var(--main-font);margin:0;margin:var(--main-margins);overflow-x:hidden}h1{color:#6d36d3;color:var(--accent-color-two)}.nav-bar{align-items:flex-end;background-color:#161616;background-color:var(--main-bg-color);display:flex;-webkit-filter:brightness(1.2);filter:brightness(1.2);height:10vh;margin:0;margin:var(--main-margins);position:fixed;width:100vw}.name-div{color:#6d36d3;color:var(--accent-color-two);height:50px;margin-left:10px;width:10vw}.social-icon-container{align-items:center;display:flex;height:10vh;justify-content:flex-end;width:90vw}.icon-shell{align-items:center;background-color:#4b4a4a;border-radius:50%;display:flex;height:48px;justify-content:center;margin-right:1.5vw;transition:all .4s ease;transition:var(--transition);width:50px}.icon-shell:hover{background-color:#6d36d3;background-color:var(--accent-color-two)}.icon-shell:hover>.social-icon{-webkit-transform:rotate(1turn) rotateY(1turn) scale(1.1);transform:rotate(1turn) rotateY(1turn) scale(1.1)}.social-icon{background-repeat:no-repeat;background-size:contain;height:30px;transition:all .4s ease;transition:var(--transition);width:30px}.content-div{background-color:#161616;background-color:var(--main-bg-color);height:100vh;margin:0;margin:var(--main-margins);width:100vw}.intro-div{background:url(https://c.pxhere.com/photos/e8/8c/notebook_coffee_table_work_office_computer_laptop_working_space-1283308.jpg!d);background-repeat:no-repeat;background-size:cover;height:90vh;justify-content:center;width:100vw}.intro-div,.intro-inner{align-items:center;display:flex}.intro-inner{background-color:#161616;background-color:var(--main-bg-color);color:#fff;flex-direction:column;height:40vh;width:80vw}.intro-inner,.more-about-me{border-radius:2rem;text-align:center}.more-about-me{background-color:rgba(59,59,59,.274);color:#6d36d3;color:var(--accent-color-two);height:4vh;margin-top:1%;transition:all .4s ease;transition:var(--transition);-webkit-user-select:none;user-select:none;width:17vw}.more-about-me:hover{background-color:#222;-webkit-filter:brightness(1.7);filter:brightness(1.7);scale:1.02}.projects-div{display:flex;flex-direction:column;height:90vh;width:100vw}.project-select{align-items:center;background-color:#161616;background-color:var(--main-bg-color);display:flex;-webkit-filter:brightness(1.5);filter:brightness(1.5);height:10vh;justify-content:center;-webkit-user-select:none;user-select:none;width:100vw}.select-list-item{border-color:#161616;border-color:var(--main-bg-color);transition:all .3s ease}.select-list-item,.select-list-item:hover{border-style:solid;margin:2rem;padding:5px}.select-list-item:hover{border-color:#6d36d3;border-color:var(--accent-color-two)}.project-pic-text{display:flex;height:50vh;justify-content:center;width:inherit}.project-details{align-items:center;display:flex;height:inherit;justify-content:space-evenly;width:100vw}.project-image{background-repeat:no-repeat;background-size:contain;border:3px solid #d1c5c5;height:40vh;width:40vw}.project-about{align-items:center;border-radius:2rem;color:#fff;display:flex;height:inherit;justify-content:center;width:30vw}.link-container{display:flex;flex-direction:column;height:100px;justify-content:space-evenly}.title-bar{align-items:center;font-size:larger;height:10vh;justify-content:center;text-decoration-color:#6d36d3}.contact-div,.title-bar{background-color:#161616;background-color:var(--main-bg-color);display:flex;width:100vw}.contact-div{color:#fff;height:50vh}.contact-left{height:inherit;margin-left:50px;width:50%}.contact-item{margin:50px}.contact-right{align-items:center;display:flex;flex-direction:column;height:inherit;justify-content:center;width:50%}.contact-details{display:flex;height:50px;margin:auto;width:75%}.link-or-email-div{align-items:center;display:flex;height:inherit;width:80%}.icon-shell-cnct{align-items:center;background-color:#161616;background-color:var(--main-bg-color);background-color:#6d36d3;border-radius:50%;display:flex;height:48px;justify-content:center;margin-right:1.5vw;transition:all .4s ease;transition:var(--transition);width:50px}.a-tag-contact{color:#fff}:root{--main-bg-color:#161616;--main-margins:0px;--accent-color-one:#f3f3f3;--accent-color-two:#6d36d3;--accent-color-three:#302f2f;--gradient-one:linear-gradient(to right,var(--accent-color-one),var(--accent-color-two));--main-font:"Roboto-mono";--transition:all 400ms ease}.footer-main{align-items:center;background-color:#161616;background-color:var(--main-bg-color);color:#fff;display:flex;-webkit-filter:brightness(1.5);filter:brightness(1.5);flex-direction:column;padding:1rem;width:100vw}.footer-text{margin:2px}.about-me{background-color:#fff;border-color:silver transparent;border-style:ridge solid;border-width:6px;display:flex;flex-direction:row-reverse;height:600px;left:50%;position:absolute;top:-100%;-webkit-transform:translate(-50%,-10%);transform:translate(-50%,-10%);transition:all .4s ease;width:500px}.x-button{background-color:#c2bfbf;transition:all .3s ease}.x-button,.x-button:hover{background-position:50%;background-repeat:no-repeat;background-size:20px;border-radius:50%;height:40px;width:50px}.x-button:hover{background-color:#f10303;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.text-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;margin-left:50px;margin-right:auto;width:100%}.my-image-container{border:2px solid #333;overflow:hidden}.my-image,.my-image-container{border-radius:50%;height:200px;width:200px}.my-image{background-repeat:no-repeat;background-size:cover}.text{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;width:400px}.text-small{font-size:smaller}.header-1{color:var(--accent-color-two);-webkit-filter:brightness(1.2);filter:brightness(1.2);font-size:larger;font-weight:700}.header-1,.header-2{align-items:center;display:flex;height:6%;justify-content:center;width:100%}.header-2{font-size:smaller;font-style:italic}
/*# sourceMappingURL=main.9aa02388.css.map*/