@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap);#aboutMe{background-color:#111;color:#d4af37}.aboutMeContent{margin:auto;max-width:900px}.aboutMeHeader{padding-top:100px;text-align:center}.introSection{color:grey;display:flex;margin:auto auto 30px;max-width:700px}#selfPicture{height:100px;width:100px}.introText{margin-left:10px;padding-left:10px}.profileSection{color:grey}.segmentTitle{color:#fff}.aboutText{margin-bottom:50px}.personalDetail{color:#888;margin-top:20px}.detail{color:#ccc}.anchor,.anchor:hover{color:#37d4af}.skills{color:grey}.detailLabel{color:#5f5f5f}.aboutMeButtons{box-shadow:none;margin-top:50px;padding-bottom:100px;text-align:center}.aboutMeButtons .button{width:250px}.btn-1{margin-right:30px}.button{background-color:#37d4af;border-color:#37d4af;border-radius:5px;box-shadow:none;color:#fff;display:inline-block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;font-weight:700;height:70px;outline:none;padding:10px;text-decoration:none;-webkit-transition-duration:.2s;-webkit-transition-property:all;-webkit-transition-timing-function:ease}.resumeButton{cursor:pointer;padding:23px}.button:active{box-shadow:none;-webkit-transform:none;transform:none}.button:hover{background-color:grey;border-color:grey;color:#fff;outline:none;transition:.5s}.col{margin-left:20px;margin-right:20px}body,html{scroll-behavior:smooth;scroll-snap-type:y}@media (max-width:2000px){body,html{overflow-x:hidden}}@media only screen and (max-width:750px){.introSection{color:grey;display:block;margin:auto auto 100px;max-width:90%}.aboutText,.introSection{text-align:center}.skillsText{width:auto}#selfPicture{align-items:center;display:flex;height:100px;margin:20px auto;width:100px}.introText{margin-left:10px;padding-left:10px}.segmentTitle{text-align:center}.col{flex:auto}}@media only screen and (max-width:550px){.aboutMeButtons{align-items:center;box-shadow:none;margin-top:50px;padding-bottom:100px;text-align:center}.button{margin:auto;text-align:center}.aboutMeButtons .button{margin-top:15px;text-align:center;width:90%}.btn-1{margin:auto}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.container{max-width:500px;padding:0;position:relative;width:100%}.container .skill-box{margin:20px 0;width:100%}.skill-box .title{color:#888;display:block;font-size:14px;font-weight:600}.skill-box .skill-bar{background:#333;border-radius:6px;height:8px;margin-top:6px;width:100%}.skill-box .skill-per{-webkit-animation:progress .4s ease-in-out forwards;animation:progress .4s ease-in-out forwards;background:#d3d3d3;border-radius:6px;display:block;height:100%;opacity:0;position:relative;width:95%}.skill-per.csharp{-webkit-animation-delay:.1s;animation-delay:.1s;width:90%}.skill-per.nodeExpress,.skill-per.reactjs{-webkit-animation-delay:.1s;animation-delay:.1s;width:80%}.skill-per.htmlcss{-webkit-animation-delay:.2s;animation-delay:.2s;width:90%}.skill-per.java,.skill-per.unity{-webkit-animation-delay:.3s;animation-delay:.3s;width:80%}.skill-per.mongoDB{-webkit-animation-delay:.1s;animation-delay:.1s;width:70%}.skill-per.mysql{width:70%}.skill-per.git,.skill-per.mysql{-webkit-animation-delay:.3s;animation-delay:.3s}.skill-per.git{width:85%}.skill-per.adobe{-webkit-animation-delay:.3s;animation-delay:.3s;width:90%}@-webkit-keyframes progress{0%{opacity:1;width:0}to{opacity:1}}@keyframes progress{0%{opacity:1;width:0}to{opacity:1}}.skill-per .tooltip{background:#3a3b3c;border-radius:3px;color:#fff;font-size:10px;font-weight:500;opacity:1;padding:2px 6px;position:absolute;right:-14px;top:-28px;z-index:1}.tooltip:before{background-color:#3a3b3c;bottom:-2px;content:"";height:10px;left:50%;position:absolute;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);width:10px;z-index:-1}#wrapper{margin:0 auto;overflow:auto;width:70%}#appStyling{margin-top:0}#header{background-attachment:local;background-image:url(/static/media/chicago.42d413a0be6ac3cf6f4c.jpg);background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;font-size:5vw;height:100vh;justify-content:center;letter-spacing:-2px;position:relative;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.8);width:100%}.header-content{margin:335px auto auto;padding:10px}.title{font-size:max(40px,5vw)}.title-alias{font-family:Times New Roman,Times,serif;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,.8)}.iconCollection{color:#37d4af;display:flex;justify-content:space-between;margin:auto;width:200px}.headerIcon{color:#fff;transition:.5s}.iconAnchor{display:inherit;margin:0;padding:0}.headerIcon:hover{color:#37d4af}@media only screen and (max-width:750px){#header{background-size:auto 100%}}.timeline{color:#000;margin:auto;max-width:800px;padding:30px 20px}.timeline ul{border-left:2px solid #000;list-style-type:none;padding:10px 5px}.timeline ul li{cursor:pointer;padding:20px;position:relative;transition:.5s}.timeline ul li span{background-color:#2b2d2f;border-radius:25px;color:#fff;display:inline-block;font-size:15px;padding:2px 5px;text-align:center}.timeline ul li .content h3{color:#d4af37;font-size:17px;padding-top:5px}.timeline ul li .content p{font-size:15px;padding:5px 0 15px}.timeline ul li:before{background-color:#000;border-radius:50%;content:"";height:10px;left:-11px;position:absolute;top:28px;transition:.5s;width:10px}.timeline ul li:hover{background-color:#ffe87c}.timeline ul li:hover:before{background-color:#d4af37;box-shadow:0 0 10px 2px #d4af37}.locationName{color:#333;padding-top:5px}.listTitle{color:#333;text-align:center}@media (max-width:300px){.timeline{padding:30px 5px 30px 10px;width:100%}.timeline ul li .content h3{color:#34ace0;font-size:15px}}#resume{margin-top:50px}.resumeTitle{color:#d4af37}.resumeSubTitle,.resumeTitle{text-align:center}#portfolio{background-color:#f6f6f6;min-height:100px;overflow:hidden;padding-bottom:10px;padding-top:100px}.portfolioTitle{color:#d4af37;text-align:center}.portfolioSubTitle{margin-bottom:20px;text-align:center}.animation-top-layer{align-items:center;display:flex;justify-content:center;min-height:30vh}.projectContainerOuterlayer{border-bottom:2px;border-top:2px;border-color:gray;height:400px;overflow:hidden;position:relative;width:400%}.projectContainerInnerlayer{align-items:center;-webkit-animation:scroll 15s linear infinite;animation:scroll 15s linear infinite;display:flex;gap:0;height:auto;justify-content:space-around;left:0;position:absolute;width:400%}@-webkit-keyframes scroll{0%{left:0}to{left:-200%}}@keyframes scroll{0%{left:0}to{left:-200%}}.animate{-webkit-animation:scroll 30s linear infinite;animation:scroll 30s linear infinite}@media only screen and (max-width:1200px){.projectContainerOuterlayer{height:300px}}@media only screen and (max-width:800px){.projectContainerOuterlayer{height:200px}}@media only screen and (max-width:550px){.projectContainerOuterlayer{height:400px;height:300px;width:800%}.projectContainerInnerlayer{width:800%}@-webkit-keyframes scroll{0%{left:0}to{left:-400%}}@keyframes scroll{0%{left:0}to{left:-400%}}}.projectContainer{margin:auto 10px auto auto;padding-bottom:10px}.project{align-items:flex-start;background-repeat:no-repeat;background-size:contain;display:flex;float:left;height:auto;justify-content:center;margin-right:20px;-webkit-transition-duration:.3s;-webkit-transition-property:all;-webkit-transition-timing-function:ease;width:20rem}.project:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.projectImage{height:100%;width:100%}body.active-modal{overflow-y:hidden}.btn-modal{display:block;font-size:18px;margin:100px auto 0;padding:10px 20px}.modal,.overlay{bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw}.overlay{background:rgba(49,49,49,.8)}.modal-content{background:#f1f1f1;border-radius:3px;left:50%;line-height:1.4;max-width:600px;min-width:300px;padding:14px 28px;position:absolute;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.close-modal{padding:5px 7px;position:absolute;right:10px;top:10px}#modal{-webkit-animation:fadein .5s;animation:fadein .5s;background-color:#fff;left:50%;margin-bottom:0;padding-bottom:0;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:500px;z-index:1000}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.modal-background{background-color:rgba(0,0,0,.7);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-image{height:100%;width:100%}.modal-info{margin-top:15px;padding:12px 36px 18px;width:100%}.modal-item-name{font-family:opensans-bold,sans-serif;font-size:20px}.modal-item-description{color:#a1a1a1;font-family:opensans-regular,sans-serif;font-size:15px}.modal-item-type{color:#a1a1a1;font-family:opensans-light,sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase}.link-box{background-color:#0f0f0f;margin-bottom:0;padding:18px 36px}.modal-details{color:#fff;display:inline-block;font-size:15px;letter-spacing:1.5px;margin-right:30px;text-decoration:none}.modal-details:hover{color:#fff;cursor:pointer}.modal-close{color:#fff;display:inline-block;font-size:15px;letter-spacing:1.5px}.modal-close:hover{cursor:pointer}@media only screen and (max-width:500px){#modal{width:90%}}.header{background-color:initial;height:90px;left:0;overflow:hidden;position:fixed;top:0;transition:.3s ease-in;width:100%;z-index:1}.header.active{background-color:rgba(0,0,0,.9)}.header .navbar{align-items:center;display:flex;height:100%;justify-content:center;margin:auto;padding:0 1rem}.header .nav-menu a{color:#fff}.header .nav-menu{display:flex}.header .nav-item{font-weight:500;padding:1rem}.header .nav-item a:hover{color:#37d4af;cursor:pointer;padding-bottom:4px}.nav-menu a.active{color:#d4af37;text-decoration:none}.hamburger{display:none}.nav-item{list-style:none}#homeLink{text-decoration:none}@media screen and (max-width:940px){.header{background-color:rgba(0,0,0,.9);max-width:100%}.header .navbar{justify-content:space-between;max-width:100%}.hamburger{display:block}.nav-menu{background-color:rgba(0,0,0,.9);flex-direction:column;height:90vh;left:-100%;position:fixed;text-align:center;top:90px;transition:.3s;width:100%;z-index:999}.nav-menu.active{left:0}.nav-item{margin:1.5rem 0}.header .navbar img{width:150px}}#contact{background-image:url(/static/media/diagstrokes.6e50255409f270be17f4.jpg);background-repeat:no-repeat;background-size:cover;color:#fff}.contactHeader{color:#d4af37;margin:auto;padding-top:150px;text-align:center}.contactSubtext{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:25px;margin:10px;text-align:center}.connections{display:flex;justify-content:center;margin:80px auto auto;padding-bottom:150px;width:70%}.connectionDiv{margin-bottom:150px;margin-top:25px;width:100%}.connectionIcon{display:flex;margin:auto}.conHeader{color:#d4af37;margin-top:30px;text-align:center;text-shadow:1px 2px 1px #000}.conText{font-family:poppins-regular,sans-serif;text-align:center}.conAnchor{color:#37d4af;display:inline-block;margin:auto;text-decoration:none;transition:.2s}.conAnchor:hover{color:#4f4f4f}@media only screen and (max-width:750px){.contactHeader{padding-top:120px}.contactSubtext{margin-left:20px;margin-right:20px}.connections{display:inline-block;margin-top:40px;width:100%}.connectionIcon{margin:auto;width:100%}.connectionDiv{margin-bottom:40px;width:100%}}.copyrightDiv{background-color:#101010;margin:0;padding:40px}.copyrightText{color:#fff;opacity:50%;text-align:center}
/*# sourceMappingURL=main.b353095a.css.map*/