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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.toolbar_wrapper{margin-bottom:5em;position:-webkit-sticky;position:sticky;top:0;z-index:3}.toolbar_ul_container{align-items:center;display:flex;justify-content:space-evenly;list-style:none}.toolbar_li{color:#fff;display:flex;justify-content:space-between;text-decoration:none}.toolbar_li a:active
.toolbar_li a:hover{color:green}.button_btn{background-color:#0707e7eb;border:none;border-radius:2em;color:#fff;cursor:pointer;margin:8px 5px;padding:8px 20px}.about_me_wrapper{align-items:center;display:flex;justify-content:space-around}.about_me_img{height:300px;width:500px}.about_me_text_wrapper{color:#fff;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;text-align:start}.about_me_skills_wrapper{color:#fff;margin-top:5em;text-align:center}.skills_img{height:200px;margin:20px 0;width:400px}.skill_logo_wrapper{display:flex;flex-wrap:wrap;justify-content:space-around}.project_img{height:200px;width:400px}.project_img_wrapper{flex-wrap:wrap;justify-content:space-around}.about_me_contact,.project_img_wrapper{align-items:center;display:flex}.project_img_wrapper_container{background-color:#000;border:1px solid #fff;box-shadow:1px 1px 8px 0 #ccc;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;margin:20px 0}.button_a_link{color:#fff;text-decoration:none}@media(max-width:541px){.about_me_wrapper{flex-direction:column;flex-wrap:wrap;justify-content:center}.about_me_img{height:200px;width:310px}.about_me_text_wrapper{text-align:center}.skills_img{height:200px;margin:20px 0;width:300px}.skill_logo_wrapper{flex-direction:column}.project_img{margin:20px 0;width:300px}.about_me_contact{display:inline-block}}@media(max-width:300px){.about_me_img{width:250px}.skills_img{height:200px}.project_img,.skills_img{margin:20px 0;width:250px}}.App{background:#0b0a0a;height:300vh}@media(max-width:768px){.App{height:600vh}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.f994b6bb.css.map*/