@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif}.container{margin:5rem auto;max-width:500px}.base-container,.container{border:1px solid #4682b4;border-radius:5px;min-height:300px;overflow:auto;padding:30px}.base-container{margin:5rem .5rem;max-width:100%}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.btn{background:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:15px;margin:5px;padding:10px 20px;text-decoration:none}.btn:focus{outline:none}.btn:active{transform:scale(.98)}.btn-block{display:block;width:100%}.task{background:#f4f4f4;cursor:pointer;margin:5px;padding:10px 20px}.task.reminder{border-left:5px solid green}.task h3{align-items:center;display:flex;justify-content:space-between}.add-form{margin-bottom:40px}.form-control{margin:20px 0}.form-control label{display:block}.form-control input{font-size:17px;height:40px;margin:5px;padding:3px 7px;width:100%}.form-control-check{align-items:center;display:flex;justify-content:space-between}.form-control-check label{flex:1 1}.form-control-check input{flex:2 1;height:20px}footer{margin-top:30px;text-align:center}.about-page-container{border:1px solid #4682b4;height:100%;margin:5rem auto;overflow:hidden;padding:2rem;width:80%}#about,#contact,#education,#experience,#home,#playground,#projects,#skills{scroll-margin-top:50px}@media only screen and (max-width:768px){.base-container{max-width:100%}.base-container,.container{border:1px solid #4682b4;border-radius:5px;margin:10rem auto;min-height:300px;overflow:auto;padding:20px}.container{max-width:500px}.about-page-container{border:1px solid #4682b4;border-radius:5px;height:100%;margin:10rem auto;overflow:hidden;padding:1rem;width:95%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-container{background-color:#f0f0f0;font-family:sans-serif;min-height:100vh;padding:20px}.section-spacing{margin:20px 0}.section-heading{color:#333;font-size:2em;font-weight:700;margin-bottom:1em;text-align:center}.playground-demos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:768px){.playground-demos-grid{grid-template-columns:repeat(2,1fr)}}.socialIconStyle{height:28px;transition:all .3s ease;width:28px}.socialIconStyle:hover{color:#3a86ff;transform:scale(1.2)}.home-section,body{box-sizing:border-box}.home-section{margin:0 auto;max-width:1200px;padding:2rem 1rem}.home-content{gap:2.5rem}.home-content,.home-header-row{align-items:center;display:flex;flex-direction:column}.home-header-row{box-sizing:border-box;gap:2rem;width:100%}.home-text-intro{box-sizing:border-box;text-align:center;width:100%}.home-text-intro h2{word-wrap:break-word;box-sizing:border-box;color:#333;font-size:2.2rem;line-height:1.3;margin-bottom:.5rem;overflow-wrap:break-word}.home-image-block{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem}.profile-image{border-radius:12px;box-shadow:0 5px 15px #0000001a;height:auto;max-height:400px;max-width:100%;object-fit:contain}.social-links{display:flex;gap:1.5rem;justify-content:center;margin-top:.5rem}.social-icon{color:#4a5568;height:32px;transition:all .3s ease;width:32px}.social-icon:hover{color:#007bff;transform:scale(1.15)}.home-description-block{box-sizing:border-box;margin:0 auto;max-width:700px;text-align:center;width:100%}.home-description{color:#4a5568;font-size:1.1rem;line-height:1.6}.tech-stack{box-sizing:border-box;margin-top:1.5rem;text-align:center;width:100%}.tech-stack span{color:#555;display:block;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.tech-icons{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.tech-icon{color:#666;height:40px;transition:transform .2s ease-in-out;width:40px}.tech-icon:hover{transform:translateY(-5px)}@media (min-width:768px){.home-section{padding:2rem 1.5rem}.home-header-row{align-items:flex-start;flex-direction:row;gap:3rem;justify-content:center}.home-text-intro{flex:2 1;text-align:left}.home-text-intro h1{font-size:2.5rem;max-width:100%}.home-image-block{align-items:flex-start;flex:1 1}.profile-image{max-height:350px}}@media (min-width:1024px){.home-text-intro h1{font-size:3rem}.home-header-row{gap:5rem}}.project-card{border:1px solid #eaeaea;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;flex-direction:column;height:400px;justify-content:space-between;margin:2rem;padding:1rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:300px}.img-container,.project-card{align-items:center;display:flex;overflow:hidden}.img-container{height:200px;justify-content:center;margin-bottom:1rem;width:100%}.project-img{max-height:100%;max-width:100%;object-fit:contain}.project-title{align-items:center;display:flex;font-size:1.2rem;font-weight:700;height:3rem;justify-content:center;margin:.5rem 0}@media (max-width:768px){.project-card{height:auto;margin:1rem 0;min-height:350px;width:100%}.img-container{height:180px}.project-title{font-size:1.1rem;height:auto;min-height:3rem;padding:0 .5rem}}@media (min-width:769px) and (max-width:1024px){.project-card{height:380px;width:280px}.img-container{height:180px}}.project-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.modal{background:#0009;height:100%;left:0;position:fixed;top:0;width:100%}.modal-main{background:#fff;display:flex;flex-direction:row;height:auto;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:80%}.display-block{display:block}.display-none{display:none}.p-description{text-align:justify;width:50%}.p-image{width:50%}@media only screen and (max-width:768px){.modal-main{align-items:center;align-self:center;background:#fff;display:flex;flex-direction:column;height:auto;left:50%;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:80%}.p-description{text-align:justify;width:90%}.p-image{width:90%}}.navContainer{background-color:#4682b4;list-style-type:none;margin:0;overflow:hidden;padding:0;position:fixed;top:0;width:100%}.navLink{border-right:1px solid #bbb;color:#fff;display:block;float:left;padding:14px 16px;text-align:center;text-decoration:none}.navLink:hover:not(.active){background-color:#111}.right{float:right}@media only screen and (max-width:768px){navContainer.navLink,navContainer.right{float:none}}.footerContainer{background-color:#4682b4;color:#fff;padding:1rem;text-align:center;width:100%}.footerContainer li{list-style-type:none}.socialIconStyle{border-radius:50%;padding:.3rem;width:25px}ol,ul{padding-left:30px}.board-row{width:105px}.board-row:after{clear:both;content:"";display:table}.status{margin-bottom:10px}.square{background:#fff;border:1px solid #999;float:left;font-size:24px;font-weight:700;height:35px;line-height:34px;margin-right:-1px;margin-top:-1px;padding:0;text-align:center;width:35px}.square:focus{outline:none}.square.winner{border-color:blue;color:red}.kbd-navigation .square:focus{background:#ddd}.game{display:flex;flex-direction:row;justify-content:center;margin:5em auto;max-width:500px}.game-info{margin-left:20px}
/*# sourceMappingURL=main.1faa43c0.css.map*/