body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eff6fd;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{width:100%}.nav-bar{align-items:center;background-color:#fff;box-shadow:2px 2px 4px #947cec;display:flex;height:70px;justify-content:space-between;left:0;padding-left:90px;padding-right:50px;padding-top:5px;position:fixed;right:0;top:0;z-index:100}.nav-bar a{text-decoration:none}h1{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#f01d7f,#db15f5,#3a12ee,#1ccae9,#16e732);-webkit-background-clip:text;font-family:Courier New,Courier,monospace;margin-bottom:5px;margin-left:15px;margin-top:5px}h1:hover{cursor:pointer;transition:.4s}ul{display:flex;list-style-type:none;padding-left:0}li{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#f01d7f,#db15f5,#3a12ee,#1ccae9,#16e732);-webkit-background-clip:text;border-radius:10px;cursor:pointer;font-size:20px;margin-left:20px;padding:8px;transition:.3s}a{text-decoration:none}.menu-button{display:none;height:20px;justify-content:center;position:absolute;right:30px;top:22px;transition:all .5s ease-in-out;width:30px}.menu-button span,.menu-button span:after,.menu-button span:before{background-color:#030314;border-radius:3px;height:3px;transition:all .5s ease-in-out;width:100%}.menu-button span:after,.menu-button span:before{content:"";position:absolute}.menu-button span:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.menu-button span:after{-webkit-transform:translateY(10px);transform:translateY(10px)}.main{margin:100px auto auto;position:relative;width:100%}.intro{flex-wrap:wrap;margin-bottom:300px;margin-top:200px;padding-top:100px;width:100%}.intro,.me{display:flex;justify-content:center}.me{align-items:center;flex-direction:column;margin:10px;width:30%}.reach-out{background-color:#060731;border:none;border-radius:10px;color:#f0f8ff;cursor:pointer;font-family:Vivaldi Italic;font-size:25px;margin-bottom:5px;padding:10px;transition:.3s}.reach-out:hover{background-color:#20556e;color:#fff}h3{color:#060731;font-family:century Regular;font-size:20px;text-align:center;word-spacing:10px}.profile-picture{border-radius:100px;height:300px;width:204px;z-index:10}.style{align-items:center;background:#060731;border-radius:120px;display:flex;height:310px;justify-content:center;margin:10px;overflow:hidden;position:relative;width:210px}.style:before{-webkit-animation:animate 5s linear infinite;animation:animate 5s linear infinite;background:linear-gradient(90deg,#f32368,#ee27b2,#6117e9,#110eb9,#21aee6);height:340px;width:100%}.style:after,.style:before{content:"";position:absolute}.style:after{background:#060731;border-radius:16px;inset:3px}@-webkit-keyframes animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.stack{padding-top:150px}.skill-set{background-color:#fdfeff;justify-content:space-between}.skill,.skill-set{align-items:center;display:flex}.skill{flex-direction:column;padding:20px;width:150px}.skill p{color:#060731;font-size:17px}.skill-icon{width:120px}.About{padding-top:150px}.container{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:500px}.gallery{width:120px}.header{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#f01d7f,#db15f5,#3a12ee,#1ccae9,#16e732);-webkit-background-clip:text;font-family:Script MT Bold;font-size:40px;text-align:center}.bio{align-self:center;width:80%}.bio p{color:#3d3d4e;font-size:20px;letter-spacing:1px;line-height:2}.contact{display:grid;justify-items:center;padding-bottom:150px;padding-top:150px}.contact p{color:#060731;text-align:center}.for-business p{color:#3d3d4e;padding:20px}.reach-me{display:flex;justify-content:space-between;width:300px}.reach-icon{border-radius:5px;width:30px}.footer{color:#7c7c96;font-size:14px;text-align:center}.projects-so-far{margin-top:150px}.projects-so-far p{line-height:2}.sub-header{color:#28da90;font-size:17px;font-weight:700;margin-left:9%;margin-top:0}.project-card{border-radius:10px;box-shadow:2px 4px 8px #bfc5c5;display:flex;flex-wrap:wrap-reverse;justify-content:space-between;margin:auto;padding:20px;width:80%}.project-description{word-wrap:break-word;padding:10px;width:45%}.project-description p{color:#535474;font-size:20px;text-align:start}.d4{display:flex;justify-content:center;width:50%}.project-interface{box-shadow:4px 4px 19px #c5bfbf;margin:auto;width:90%}@media screen and (max-width:900px){.menu-button{display:flex}.nav-bar{align-items:start;box-shadow:none;padding:0}.nav-bar,.nav-bar ul{background-color:#f0f8ff;flex-direction:column}.nav-bar ul{box-shadow:2px 2px 4px #947cec;display:none;margin:0;transition:all .5s ease-in-out;width:100%}.nav-bar ul.menu-open{display:flex}ul.project-li{background-color:#f0f8ff;box-shadow:2px 2px 4px #947cec;display:flex;flex-direction:column;margin:0;width:100%}.intro{margin-bottom:200px;margin-top:70px;padding-top:70px}.me{width:60%}.stack{padding-top:60px}.bio{width:500px}.bio p{font-size:17px;padding:20px;text-align:center}.skill-set{background-color:#f0f8ff;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.skill{align-items:center;display:flex;flex-direction:column;padding:10px;width:100px}.skill-icon{width:70px}.skill p{font-size:14px}.reach-me{width:200px}.reach-icon{width:25px}.contact{padding-bottom:60px;padding-top:10px}.footer{font-size:12px}.projects-so-far{margin-top:100px}.projects-so-far .sub-header{margin-bottom:10px;margin-left:6%}.project-description{width:100%}.project-description p{font-size:13px}.d4{width:100%}}
/*# sourceMappingURL=main.bcdfc31d.css.map*/