body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}* ::-webkit-scrollbar{height:5px;width:5px}* ::-webkit-scrollbar-track{background:hsla(0,0%,94.5%,0)}* ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.4);border-radius:2.5px}* ::-webkit-scrollbar-thumb:hover{background:#000}*{padding:0;margin:0;overflow-x:hidden;font-family:"Montserrat",sans-serif;box-sizing:border-box;scroll-behavior:smooth}body{background-color:#161a22}a,a:-webkit-any-link,a:visited{text-decoration:none}a:-webkit-any-link{text-decoration:none}a,a:any-link,a:visited{text-decoration:none}.nav-container{position:fixed;z-index:3;background-color:#161a22;box-shadow:0 6px 6px rgba(0,0,0,.16);display:flex;align-items:center;justify-content:space-between;min-height:10vh;top:0;width:100%}.nav-container .nav-logo{text-align:center;margin-left:30px;cursor:pointer}.nav-container .nav-items{display:flex;align-items:center;justify-content:space-evenly}.nav-container .nav-items a{font-family:"Montserrat",sans-serif;font-weight:500;letter-spacing:1px;color:hsla(0,0%,100%,.8);font-size:15px;color:#ed00b3;padding:0 1.5rem;transition:all .2s ease-in}.nav-container .nav-items a:hover{color:hsla(0,0%,100%,.8)}.landingpage{width:100%;height:100vh;background-color:#161a22;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;z-index:10}.landingpage .row{height:100vh}.landingpage .row .col-sm-4{height:100vh;display:flex;align-items:center;justify-content:center;overflow-y:hidden;flex-direction:column}.landingpage .row .col-sm-4 h1{color:#fff;font-size:4rem;display:inline-block;position:relative}.landingpage .row .col-sm-4 h1:after{content:"";height:5px;width:95%;background:#ed00b3;position:absolute;left:-10%;bottom:0}.landingpage .row .col-sm-4 img{height:450px;position:absolute;bottom:0}.landingpage .row .col-sm-4 .icon-container{display:flex;align-items:center;justify-content:space-between;margin-top:5vh}.landingpage .row .col-sm-4 .icon-container i{font-size:24px;color:hsla(0,0%,100%,.8);transition:all .2s ease-in;padding-left:15px;padding-right:15px;text-shadow:0 3px 6px rgba(0,0,0,.16);cursor:pointer}.landingpage .row .col-sm-4 .icon-container i:hover{color:#ed00b3}.landingpage .row .col-sm-4 p{color:hsla(0,0%,100%,.8);font-size:1rem;padding:5px}.landingpage .row .col-sm-4 button,.landingpage .row .col-sm-4 p{font-family:"Montserrat",sans-serif;font-weight:500;letter-spacing:1px}.landingpage .row .col-sm-4 button{color:hsla(0,0%,100%,.8);font-size:1.2rem;border:1px solid #ed00b3;display:block;border-radius:50ex;padding:.5rem .75rem;cursor:pointer;color:#ed00b3;background-color:transparent;transition:all .2s ease-in;margin-top:5vh}.landingpage .row .col-sm-4 button:hover{background-color:#ed00b3;color:hsla(0,0%,100%,.8)}.landingpage .row .col-sm-4 button:focus{outline:none}.projects{width:100%;height:100vh}.projects .col-sm-2 .nav{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100vh}.projects .col-sm-2 .nav p{font-family:"Montserrat",sans-serif;font-weight:500;letter-spacing:1px;color:hsla(0,0%,100%,.8);font-size:1rem;padding:10px 0;transition:all .2s ease-in;cursor:pointer}.projects .col-sm-2 .nav .active,.projects .col-sm-2 .nav p:hover{color:#ed00b3}.projects .col-sm-10{margin-top:15vh}.projects .col-sm-10 .container{height:80vh;overflow-y:scroll;overflow-x:scroll!important}.projects .col-sm-10 .container .row{margin:auto;overflow-x:scroll!important;display:-ms-grid;display:grid;-ms-grid-columns:250px 250px 250px;grid-template-columns:250px 250px 250px;height:300px;grid-gap:10px}.projects .col-sm-10 .container .row .card{border-radius:0!important;border:none!important;box-shadow:0 3px 6px rgba(0,0,0,.16);background-color:#ed00b3;height:300px}.projects .col-sm-10 .container .row .card img{height:120px;width:auto}.projects .col-sm-10 .container .row .card .text-container{padding:1rem}.projects .col-sm-10 .container .row .card .text-container h2{font-family:"Montserrat",sans-serif;font-weight:500;letter-spacing:1px;color:hsla(0,0%,100%,.8);font-size:1.2rem;color:#000}.projects .col-sm-10 .container .row .card .text-container p{font-family:"Montserrat",sans-serif;font-weight:500;letter-spacing:1px;color:hsla(0,0%,100%,.8);font-size:1rem;color:#000}.projects .col-sm-10 .container .row .card .text-container a{font-family:"Montserrat",sans-serif;font-weight:500;letter-spacing:1px;color:hsla(0,0%,100%,.8);font-size:1rem;padding:.375rem .75rem;background-color:#161a22;margin-right:2px;transition:all .2s ease-in}.projects .col-sm-10 .container .row .card .text-container a:hover{box-shadow:3px 3px 20px rgba(0,0,0,.16);background-color:#000}.aboutme{width:100%;height:100vh;flex-direction:column}.aboutme .container{margin:auto;width:80%;flex-direction:column}.aboutme .container h1{color:hsla(0,0%,100%,.8);font-size:1.2rem;color:#ed00b3}.aboutme .container h1,.aboutme .container ul{font-family:"Montserrat",sans-serif;font-weight:500;letter-spacing:1px}.aboutme .container ul{font-size:.8rem;color:hsla(0,0%,100%,.8);list-style-type:circle}.contactme{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;flex-direction:column}.contactme .container{margin:auto;width:80%}.contactme .container h1{color:hsla(0,0%,100%,.8);font-size:1.2rem;color:#ed00b3}.contactme .container h1,.contactme .container p{font-family:"Montserrat",sans-serif;font-weight:500;letter-spacing:1px}.contactme .container p{font-size:.8rem;color:hsla(0,0%,100%,.8)}
/*# sourceMappingURL=main.f196dfa8.chunk.css.map */