body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{background-color:var(--main-bg);font-family:Roboto,sans-serif}*,:root{scroll-behavior:smooth}:root{--dark-bg:#222730;--light-bg:#1f2833;--light-alt-bg:#324052;--regular-text:#c5c6c7;--bright-text:#b8e9f1;--regular-color:#94bdce}.bg-light,.bg-normal{background-color:#1f2833;background-color:var(--light-bg)}.bg-dark{background-color:#222730;background-color:var(--dark-bg)}.appear-top{position:relative;z-index:1}.center-container{flex-direction:row}.center-container,.center-container-col{align-items:center;display:flex;justify-content:center}.center-container-col{flex-direction:column}.center{margin:auto}.btn-primary{background-color:#222730;background-color:var(--dark-bg);border-color:#b8e9f1;color:#b8e9f1}.btn-primary:hover{background-color:#1f2833;background-color:var(--light-bg);border-color:#c5c6c7;color:#f5f5f5;transition:.1s}.btn-secondary{fill:#94bdce;fill:var(--regular-color);color:#94bdce;color:var(--regular-color)}.btn-secondary,.btn-secondary:hover{background-color:#222730;background-color:var(--dark-bg);border-color:#94bdce;border-color:var(--regular-color);transition:0s}.btn-secondary:hover{fill:#b8e9f1;fill:var(--bright-text);color:#b8e9f1;color:var(--bright-text)}header{border-bottom:1px solid #f5f5f5;position:relative;z-index:1}#resume-btn{background-color:var(--light-bg);border:2px solid var(--regular-color);color:var(--bright-text);margin-left:10px;padding:6px 12px;width:86px}#resume-btn:hover{border:2px solid #fff;box-shadow:0 0 10px 1px #4de4ff,0 0 10px 1px #4de4ff;transition:.2s}.nav-item{margin-left:10px;text-align:center}.remove-border{border:0}.logo{background-color:var(--regular-color);border:2px solid #fff;border-radius:5px;color:var(--bright-text);font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:32px;height:42px;margin:4px;text-align:center;width:42px}@media screen and (max-width:375px){.navbar-nav{align-items:center}}@media screen and (min-width:375px){.navbar-nav{align-items:center}}footer{border-top:1px solid #f5f5f5;color:#f5f5f5;height:60px;line-height:60px;overflow:hidden;position:relative;text-align:center;white-space:nowrap;width:100%}.codepen-style{align-items:"center";border:"2px solid";box-sizing:"border-box";display:"flex";height:"450px";justify-content:"center";margin:"1em 0";padding:"1em"}.code-sample{position:relative}.code-sample iframe{height:450px;width:100%;z-index:1}.code-sample h2,.code-sample p,h3{color:#f5f5f5;z-index:1}.about-title{color:var(--bright-text);margin-bottom:10px}.about-desc{color:var(--regular-text);padding-left:12px}.location-tag{color:var(--bright-text);display:flex;justify-content:center;margin-bottom:40px}.location-tag img{height:24px}.strong{color:#f5f5f5}@media screen and (max-width:375px){.about-section{padding:10px}}@media screen and (min-width:375px){.about-section{padding:10px}}@media screen and (min-width:575px){.about-section{padding:60px 20% 10px}}:root{--glow-effect:1}.hero{margin:0 auto;padding-top:10vh}.hero h1{font-size:3em}.hero h3{color:var(--regular-color);font-size:1em}.profile-pic{border-radius:50%;height:140px;margin-bottom:42px;object-fit:cover;overflow:hidden;position:relative;width:140px}.btn-view-projects{border:3px solid #f5f5f5;color:#f5f5f5;margin:20px auto;padding:10px 20px 10px 24px}.btn-view-projects:hover{background-color:var(--regular-color);color:#000;transition:.3s}.view-code-sample{bottom:10vh;position:absolute;text-align:center;text-decoration:none}.view-code-sample img{-webkit-filter:brightness(1000%);filter:brightness(1000%);height:75px;width:75px}.view-code-sample img:hover{-webkit-filter:hue-rotate(430deg);filter:hue-rotate(430deg)}.view-code-sample p{margin-bottom:0}.social-links{color:var(--regular-color);padding:40px 0;text-align:center}.social-links h2{margin-bottom:20px}.social-links a{color:#f5f5f5}.glow{color:var(--bright-text);font-size:24px;text-align:center}@-webkit-keyframes glow{0%{text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 6px #00a5e6,0 0 8px #00c4e6,0 0 10px #00b8e6,0 0 12px #00cbe6,0 0 14px #00dee6}to{text-shadow:0 0 4px #fff,0 0 6px #4de4ff,0 0 8px #4de4ff,0 0 10px #4deaff,0 0 12px #4dd5ff,0 0 14px #4df3ff,0 0 16px #4de4ff}}@keyframes glow{0%{text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 6px #00a5e6,0 0 8px #00c4e6,0 0 10px #00b8e6,0 0 12px #00cbe6,0 0 14px #00dee6}to{text-shadow:0 0 4px #fff,0 0 6px #4de4ff,0 0 8px #4de4ff,0 0 10px #4deaff,0 0 12px #4dd5ff,0 0 14px #4df3ff,0 0 16px #4de4ff}}@media screen and (max-width:375px){.profile-pic{border-radius:50%;height:80px;margin-bottom:10px;object-fit:cover;overflow:hidden;position:relative;width:80px}}@media screen and (min-width:375px){.about-me{height:800px}.profile-pic{height:140px;width:140px}}@media screen and (min-width:1024px){.about-me{height:1000px}}@media screen and (max-height:720px){.hero h1{font-size:3em}.hero h3{font-size:1em}.view-code-sample{display:none}}@media screen and (min-height:720px){.hero h1{font-size:5em}.hero h3{font-size:1.9em}}.projects{display:flex;flex-wrap:wrap}.project{border-bottom:1px solid #f5f5f5;padding-bottom:40px;width:100%}.project h2{color:var(--bright-text)}.project img{border-radius:.5vh;box-shadow:0 0 8px 6px rgba(0,0,0,.25);margin:10px 10px 20px;width:calc(100% - 20px)}.project h5{color:var(--bright-text)}.project p{color:var(--regular-text);padding-right:40px}.tags{display:flex;flex-wrap:wrap}.tag{border:1px solid var(--bright-text);border-radius:25px;color:var(--regular-text);list-style:none;margin:5px 4px;padding:4px 10px}.tag:hover{color:var(--bright-text)}.live-demo{margin:2px 4px}.live-demo,.live-demo:hover{fill:inherit}.links{display:flex;flex-wrap:wrap;justify-content:center}.links a{margin:5px 10px}.project:last-child{border-bottom:0}.notice{margin:10px}@media screen and (min-width:1024px){.project:nth-last-child(2){border-bottom:0}}@media screen and (max-width:375px){.project img{margin:0;width:100%}.project h2{font-size:large;padding-top:40px}}@media screen and (min-width:375px){.project h2{padding-top:50px}}@media screen and (min-width:1024px){.project{width:50%}}
/*# sourceMappingURL=main.b95b5fa7.css.map*/