@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600&display=swap);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}.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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{display:block}.navbar ul li a{display:block;padding:.8rem;margin:.5rem 0;color:#fff;font-size:1.3rem;text-decoration:none;border-radius:5rem}.navbar ul li a:hover{background:#7887db;color:#111}.profile-bg{background-color:#0b1034}.profile{width:100%}.box-container{background-color:#0b1034}.box-container .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:1rem 0 1rem 3rem;background-color:#0b1034}.box-container .box{width:27rem;margin:4rem 1rem;padding-left:4rem;border-left:.2rem solid #fff;position:relative;background-color:rgba(86,35,167,.329)}.box-container .box h3{font-size:30px;color:rgba(235,230,230,.973);font-weight:700;padding-top:1.5rem}.box-container .box p{font-size:1.2rem;color:#eee;padding:1rem 0;text-align:start}.box-container .box i{position:absolute;top:-1.5rem;left:-2.5rem;height:5rem;width:5rem;border-radius:50%;line-height:5rem;text-align:center;font-size:2rem;color:rgba(54,223,39,.74);background-color:rgba(25,105,209,.5)}.project-img{width:100%;transition:all 10s ease}.project:hover .project-img{transform:translateY(-100%)}.pl{padding:50px 100px;display:flex;flex-direction:column;align-items:center;text-align:center}.pl-texts{width:65%}.pl-title{font-size:50px;font-weight:600}.pl-desc{margin:20px 0}.pl-list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width:480px){.pl{padding:10px}.pl-texts{width:100%}.pl-desc{display:none}}@media (max-width:400px){.box-container .box{width:100%;margin:4rem 1rem;padding-left:4rem;border-left:.2rem solid #fff;position:relative;background-color:#0b1034}}@media screen and (min-width:480px){.profile{margin:auto}}.p{height:50vh;margin:20px 15px;border:2px solid #e9edf0;border-radius:10px 10px 0 0;overflow:hidden}.p-browser{height:20px;background-color:#f3f2f2;display:flex;align-items:center;position:-webkit-sticky;position:sticky;z-index:2}.p-circle{width:6px;height:6px;border-radius:50%;margin:3px;background-color:#4e4848}.p-img{width:100%;transition:all 10s ease}.p:hover .p-img{transform:translateY(-100%)}@media screen and (max-width:980px){.p{height:40vh;margin:auto}}
/*# sourceMappingURL=main.28a04b38.chunk.css.map */