body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0c223d;color:#969696;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:large;text-align:left}:root{--clr-primary-1:#fff;--clr-highlight:#61dafb;--clr-shadow:#242424c7;--transition:all 0.3s linear}nav{background:transparent}.nav-header{align-items:center;display:flex;justify-content:space-between;padding:1rem}.nav-header,.nav-toggle{color:#fff;color:var(--clr-primary-1)}.nav-toggle{background:transparent;border-color:transparent;cursor:pointer;font-size:1.5rem;transition:all .3s linear;transition:var(--transition)}.nav-toggle:hover{color:#61dafb;color:var(--clr-highlight);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.logo{height:40px}.links button{background-color:initial;border-color:transparent;border-style:solid;color:#fff;color:var(--clr-primary-1);display:block;font-size:large;height:2rem;margin:1rem auto;transition:border-color .3s linear,color .3s linear;width:10rem}.links button.active{background-color:#61dafb;background-color:var(--clr-highlight);color:#242424c7;color:var(--clr-shadow);transition:all .15s linear}.links button.active,.links button:hover{border-color:#61dafb;border-color:var(--clr-highlight);border-style:solid;border-width:1px}.links button:hover{color:#61dafb;color:var(--clr-highlight)}.links a{color:#fff;color:var(--clr-primary-1);display:block;font-size:1rem;letter-spacing:var(--spacing);margin:0 auto;padding:.5rem 1rem;text-transform:capitalize;transition:all .3s linear;transition:var(--transition);width:1rem}.links a:hover{color:#61dafb;color:var(--clr-highlight)}.social-icons{display:none}.links-container{height:0;overflow:hidden;transition:all .3s linear;transition:var(--transition)}.show-container{height:15rem}.showBackground{background-color:#242424c7;background-color:var(--clr-shadow)}@media screen and (min-width:800px){.col-1{flex:1 1}.col-1,.col-3{margin:auto .5rem}.col-3{flex:3 1}.column-container{display:flex;flex-direction:row}.section-container{font-size:x-large;margin:0 auto;max-width:1500px;min-height:100vh;padding:0 7rem}.about-card{background-color:#242424c7;background-color:var(--clr-shadow);border-radius:.5rem;box-shadow:.75rem .75rem #61dafb;box-shadow:.75rem .75rem var(--clr-highlight);height:95%;width:95%}.project-card .project-info{font-size:large;height:40%;text-align:center}.nav-center{align-items:center;display:flex;justify-content:space-between;margin:1rem auto;padding:0 1rem;position:fixed;transition:all .3s linear;transition:var(--transition);width:97%}.nav-header{color:#fff;color:var(--clr-primary-1);float:left;padding:0}.nav-toggle{display:none}.links-container{height:auto!important}.links{display:flex}.links button{background-color:initial;border-color:transparent;border-style:solid;color:#fff;color:var(--clr-primary-1);font-size:large;height:2rem;margin:0 .25rem;transition:border-color .3s linear,color .3s linear;width:10rem}.links button.active{background-color:#61dafb;background-color:var(--clr-highlight);color:#242424c7;color:var(--clr-shadow);transition:all .15s linear}.links button.active,.links button:hover{border-color:#61dafb;border-color:var(--clr-highlight);border-style:solid;border-width:1px}.links button:hover{color:#61dafb;color:var(--clr-highlight);cursor:pointer}.links a{height:1rem;padding:.35rem 1rem}.links a:hover{background:transparent}.social-icons{display:flex;float:right}.social-icons a{color:#fff;color:var(--clr-primary-1);margin:0 .5rem;transition:all .3s linear;transition:var(--transition)}.social-icons a:hover{color:#61dafb;color:var(--clr-highlight)}.showBackground{background-color:#242424c7;background-color:var(--clr-shadow);border-radius:2rem;transition:all .3s linear;transition:var(--transition)}}.float-right{float:right}.float-left{float:left}.top-to-btm{position:relative}.icon-position{bottom:40px;position:fixed;right:25px;z-index:20}.icon-style{-webkit-animation:movebtn 3s linear infinite;animation:movebtn 3s linear infinite;background-color:initial;border:2px solid #fff;border:2px solid var(--clr-primary-1);border-radius:50%;color:#fff;color:var(--clr-primary-1);cursor:pointer;height:30px;transition:all .5s linear;width:30px}.icon-style:hover{-webkit-animation:none;animation:none;background:transparent;border:2px solid #61dafb;border:2px solid var(--clr-highlight);color:#61dafb;color:var(--clr-highlight)}@-webkit-keyframes movebtn{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(10px);transform:translateY(10px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}75%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes movebtn{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(10px);transform:translateY(10px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}75%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}ul{list-style-type:none}a{text-decoration:none}.listHeader{-webkit-margin-after:0;margin-block-end:0}.project-card{background-color:#242424c7;background-color:var(--clr-shadow);border-radius:.5rem;height:500px;width:20rem}.project-card:hover{background-color:#5c6f85;cursor:pointer}.project-card img{height:60%;width:100%}.project-card .project-info{font-size:medium;height:40%;text-align:center}.about-card{background-color:#242424c7;background-color:var(--clr-shadow);border-radius:.5rem;box-shadow:.75rem .75rem #61dafb;box-shadow:.75rem .75rem var(--clr-highlight);height:50%;margin-left:auto;margin-right:auto;margin-top:3rem;width:50%}.profile-img{border-radius:.5rem;height:100%;width:100%}.section-content{-webkit-box-align:center;align-items:flex-start;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0}.section-content ul{-webkit-margin-before:0;list-style-type:disc;margin-block-start:0}.section-container{font-size:large;margin:0 auto;max-width:1500px;min-height:100vh;padding:0 2rem}.section-container:after{clear:both}.main-head-text{color:#fff;color:var(--clr-primary-1)}.deco-text{color:#61dafb;color:var(--clr-highlight)}.text-left{text-align:left}.text-center{text-align:center}
/*# sourceMappingURL=main.ec4b42c1.css.map*/