@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100&family=Source+Code+Pro:ital,wght@0,400;1,200&display=swap);*{box-sizing:border-box;margin:0;scroll-behavior:smooth}body,div,html,img{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{height:100vh}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(66,66,66,.507);border-radius:5px}.landingPage{align-items:center;-webkit-animation:appear 4s;animation:appear 4s;display:flex;height:100vh;justify-content:space-around}@media(max-width:767px){.landingPage{flex-direction:column}}.Introduction{display:block;font-family:Source Code Pro}@media(max-width:767px){.Introduction{text-align:center}}h1{margin:0}@media(max-width:479px){h1{font-size:x-large}}h3{font-size:20px;margin:0;opacity:50%}@media(max-width:479px){h3{font-size:small;margin-bottom:15%}}.intro{max-width:500px}@media(max-width:767px){.intro{max-width:300px}}.InteractionButton{-webkit-animation:appear 4s;animation:appear 4s;background-color:rgba(17,0,128,.102);border:1px solid transparent;border-radius:5px;box-shadow:2px 2px 6px 0 rgba(17,0,128,.361);color:#110080;cursor:pointer;display:flex;font-family:Source Code Pro;justify-content:space-around;padding:10px 20px;text-decoration:none;width:100px}.InteractionButton:hover{border:1px solid rgba(17,0,128,.082)}.InteractionButton:hover .arrowDown{-webkit-animation:appear 1s infinite;animation:appear 1s infinite}@media(max-width:479px){.InteractionButton{border-radius:10px;justify-content:center;margin-top:0;width:95%}}.arrowDown{-webkit-filter:invert(18%) sepia(41%) saturate(5173%) hue-rotate(243deg) brightness(61%) contrast(130%);filter:invert(18%) sepia(41%) saturate(5173%) hue-rotate(243deg) brightness(61%) contrast(130%);width:1.5rem}@media(max-width:479px){.arrowDown{-webkit-animation:appear 1s infinite;animation:appear 1s infinite}p{font-size:18px;margin:0 20px}}@-webkit-keyframes appear{0%{opacity:0}to{opacity:100%}}@keyframes appear{0%{opacity:0}to{opacity:100%}}#skills{background:#110080;background:linear-gradient(0deg,rgba(17,0,128,.309),#fff 90%);display:flex;flex-basis:50%;flex-wrap:wrap;justify-content:space-evenly;min-height:100vh;overflow-y:hidden;position:relative}@media(max-width:479px){#skills{height:auto}}.wrapper{align-items:center;display:flex;font-family:Source Code Pro;justify-content:space-evenly;width:100%}@media(max-width:767px){.wrapper{flex-direction:column;margin:auto;text-align:justify-all}}.active{-webkit-animation:borderAppear 3s;animation:borderAppear 3s;width:100%}.hidden{opacity:0}.smallHeader{text-align:center}@media(max-width:479px){.smallHeader{font-size:20px;margin:10%}}@media(max-width:767px){.speechAboutMe{margin:auto;text-align:justify;width:400px}}@media(max-width:479px){.speechAboutMe{width:auto}}.speech{width:500px}@media(max-width:479px){.speech{width:80%}}.skillIcons{display:flex;flex-basis:33%;flex-wrap:wrap;gap:10px;justify-content:space-evenly;max-width:450px}@media(max-width:767px){.skillIcons{margin:auto}}@media(max-width:479px){.skillIcons{margin-top:2rem;width:60%}}h2{margin-bottom:2rem}.meContainer{-webkit-animation:shadowAppear 10s;animation:shadowAppear 10s;border-radius:50%;box-shadow:0 0 14px 2px #000;height:400px;overflow:hidden;position:relative;width:400px}@media(max-width:1023px){.meContainer{height:300px;margin:auto;width:300px}}@media(max-width:767px){.meContainer{height:150px;margin:5% 0;width:150px}}.me{left:50%;position:absolute;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);width:150%}@media(max-width:767px){.me{width:225px}}.personalSkill{font-weight:700;margin:3% 0}@media(max-width:479px){.personalSkill{font-size:18px;margin:3% 0}}.desPersSkill{margin-left:5%}@media(max-width:479px){.desPersSkill{font-size:15px}}ul{list-style-type:none}.icon{height:96px;width:96px}@media(max-width:479px){.icon{height:64px;width:64px}}@-webkit-keyframes borderAppear{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes borderAppear{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes shadowAppear{0%{box-shadow:0 0 0 0 #000}to{box-shadow:0 0 14px 2px #000}}@keyframes shadowAppear{0%{box-shadow:0 0 0 0 #000}to{box-shadow:0 0 14px 2px #000}}#projects{background:#fff;background:linear-gradient(0deg,#fff,rgba(17,0,128,.309) 40%);min-height:100vh}.projectsHeader{font-family:Source Code Pro;font-size:40px;padding-top:5rem;text-align:center}@media(max-width:479px){.projectsHeader{font-size:30px;margin-bottom:5rem}}.projectsHeaderType{background-color:rgba(204,153,255,.3);font-family:Source Code Pro;font-size:30px;padding:1rem;text-align:center;width:100%}@media(max-width:479px){.projectsHeaderType{font-size:30px;margin-bottom:3rem}}.ProjectsContainer{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin:auto auto 2%;max-width:1920px;min-height:400px;width:100%}@media(max-width:479px){.ProjectsContainer{justify-content:center}}.singleProject{background-color:#fff;border-radius:10px;box-shadow:0 0 15px #000;height:500px;position:relative;width:100%}.Projectsframe{border:0;border-radius:10px;height:100%;width:100%}.singleProjectContainer{flex:50% 1;font-family:Source Code Pro;margin:2%;max-width:850px;text-align:center;width:100%}@media(max-width:1023px){.singleProjectContainer{max-width:400px}}.projectsDescription{font-family:Source Code Pro;font-size:large;margin:2% auto;max-width:600px;text-align:center}@media(max-width:479px){.projectsDescription{font-size:18px;margin:2% 2rem 5rem}}.button{width:100%}.card{background-color:#fff;border-radius:10px;box-shadow:0 0 15px #000;display:flex;flex:50% 1;font-family:Source Code Pro;height:200px;margin:2%;max-width:850px;overflow:hidden}@media(max-width:1023px){.card{max-width:400px}}.card:hover{cursor:pointer}.card:hover .arrowDown{-webkit-animation:appear 1s infinite;animation:appear 1s infinite}.cardContentWrapper{box-sizing:initial;display:flex;flex-direction:column;height:100%;width:100%}.cardTitle{margin:25px 25px 0 20px}.cardContent{margin:auto 20px}.right{margin:20px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.footerContainer{min-height:10vh}.footer{align-items:center;height:100%}.Links{display:flex;justify-content:space-evenly;width:100px}@media(max-width:479px){.Links{margin-bottom:5%;margin-top:5%}}#container{background:rgba(17,0,128,.309);display:flex;height:100vh}.project{background:#fff;border:1px solid #f5f5f5;border-radius:10px;box-shadow:1px 1px 7px 1px #110080;display:flex;height:100%;justify-content:space-evenly;margin:auto;max-height:700px;max-width:1200px;overflow:auto;position:relative;width:100%}@media(max-width:1199px){.project{border-radius:0;max-height:100vh}}@media(max-width:479px){.project{border-radius:0;flex-direction:column-reverse;text-align:center}}.frame{align-self:center;border:0;border-radius:10px;box-shadow:1px 1px 4px 0 #343434;margin:auto}@media(max-width:479px){.frame{height:40%;width:80%}}.iconButton:hover{cursor:pointer}.projectExplanation{margin:auto;max-width:600px;padding:50px}@media(max-width:479px){.projectExplanation{margin:5% 0;padding:0}}hr{margin:5% 0}.createdWith{font-size:18px;margin:2rem;text-align:center}.li{font-weight:700;margin:3%;padding:0}.listOfitems{padding:0;text-align:center}.container{display:flex;margin-top:10%;width:100%}@media(max-width:479px){.container{flex-direction:column}}.projectbutton{margin:2%;width:100%}@media(max-width:479px){.projectbutton{width:auto}}
/*# sourceMappingURL=main.4e511acf.css.map*/