@import url(https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#18191b;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{color:#d6d5d5;font-family:figtree}#hero-container{margin-left:auto;margin-right:auto;margin-top:200px;width:80%}#hero-content{margin-bottom:200px;width:80%}#my_intro__name{font-size:1.5em}#my_intro__description{font-size:2.5em;margin-top:-7px}#down-arrow-container{display:flex;justify-content:center;margin-left:auto;margin-right:auto;width:80%}.fa-arrow-down{font-size:3em;text-align:center}#projects_title{margin-left:auto;margin-right:auto;margin-top:100px;width:80%}#projects_title>h1{text-align:center}#projects_container{display:flex;flex-wrap:wrap;justify-content:center;margin-left:auto;margin-right:auto;width:90%}.a_project{align-items:center;display:flex;flex-direction:column;width:40%}.project_image_container{align-items:center;display:flex;display:inline-block;justify-content:center;position:relative}.project_image{border-radius:10px;height:270px;transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease;width:370px}.project_image_container:hover .project_image{-webkit-filter:brightness(20%);filter:brightness(20%)}.project_description{color:#a9a7a7;font-size:1.2em;left:50%;opacity:0;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%);transition:opacity .3s ease;width:80%;z-index:1}.project_image_container:hover .project_description{opacity:1}.github-button{background-color:#d6d5d5;border:none;border-radius:5px;color:#18191b;cursor:pointer;font-family:"Figtree, sans-serif";font-size:1.2em;margin-bottom:20px;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.github-button:hover{background-color:#a9a8a8}#education_title>h1{margin-bottom:35px;margin-top:200px;text-align:center}.degree-title,.education-institution{text-align:center}#skills_title,.education-duration{margin-bottom:30px;text-align:center}#skills_title{margin-top:200px}.a-skill{align-items:center;display:flex;flex-direction:column}.skills-container{display:flex;flex-wrap:wrap;gap:7%;justify-content:center;margin:30px auto 100px;width:80%}.skill-image{border-radius:50px;height:100px;width:100px}#contacts-title{margin:100px auto 35px;text-align:center;width:80%}#contacts-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:20px auto;width:80%}.contact_image{border-radius:7px;color:#d6d5d5;font-size:3em;transition:color .3s ease}.contact_image:hover{color:#c44900}#resume-button-container{display:flex;justify-content:center;margin-bottom:50px}#resume-button{background-color:#d6d5d5;border:none;border-radius:5px;color:#18191b;cursor:pointer;font-family:"Figtree, sans-serif";font-size:1.2em;margin-bottom:20px;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}#resume-button:hover{background-color:#a9a8a8}#copyright{text-align:center}@media screen and (max-width:1200px){#projects_container{width:100%}}@media screen and (max-width:1000px){#projects_container{gap:30px}}@media screen and (max-width:900px){#projects_container,.a_project{align-items:center;flex-direction:column}.a_project{display:flex;width:80%}.project_image_container{display:block;display:flex;flex-direction:column;position:static}.project_image{border-radius:10px;height:270px;transition:none;width:80%}.project_image,.project_image_container:hover .project_image{-webkit-filter:none;filter:none}.project_description{color:#a9a8a8;font-size:1.2em;left:auto;opacity:1;position:static;text-align:center;top:auto;-webkit-transform:none;transform:none;transition:none;width:80%;z-index:auto}.github-button{background-color:#d6d5d5;border:none;border-radius:5px;color:#18191b;cursor:pointer;font-family:"Figtree, sans-serif";font-size:1.2em;margin-bottom:20px;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.github-button:hover{background-color:#a9a8a8}}@media screen and (max-width:480px){.project_description,.project_image{width:100%}}
/*# sourceMappingURL=main.849b1544.css.map*/