*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:0}html,body{height:100vh;width:100vw;margin:0;padding:0;scroll-behavior:smooth;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#2e2e2e;font-size:.9rem;background-color:#f0f0f0}ul{list-style:none;padding:10px 0}a{text-decoration:none;color:#2e2e2e}img{max-width:100%}.page_container{display:flex;flex-direction:column;flex-wrap:wrap}.nav_bar_container{position:sticky;top:0;left:0;display:flex;width:100vw;justify-content:center;padding:10px 0;background-color:#3b5e3b;animation:fadeIn 2s;z-index:2}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main_page{width:80vw;min-height:100vh;display:flex;align-items:center;padding-left:10vw;justify-content:left;margin:0 auto}.main_page_content{animation:1.5s fadeInUp}@keyframes fadeInUp{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.main_page_content>h1{font-size:4rem}.main_page_content>h2{font-size:rem}.main_page_content>ul>li{font-size:1rem;padding:3px 0}.typed-out{overflow:hidden;border-right:.1em solid rgb(1,49,68);border-radius:1px;white-space:nowrap;animation:typing 2s steps(20,end) forwards,blinking 1.2s infinite;animation-delay:1s;font-size:1.2rem;display:inline-block;width:fit-content}@keyframes typing{0%{width:0}to{width:22ch}}@keyframes blinking{0%{border-color:transparent}50%{border-color:#013144}to{border-color:transparent}}.about_me{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90vw;height:100vh;margin:0 auto}.about_me>div{display:flex;flex-direction:column;align-items:center;gap:1vw}.about_me>section>p{padding-top:20px}.portfolio_container{width:100vw;display:flex;flex-direction:column;justify-content:center;padding:20px 0;align-items:center}.portfolio{display:flex;flex-direction:column;justify-content:center;min-height:100vh;width:90vw}.portfolio>section:not(:first-child){margin-top:20px}.portfolio_item{opacity:.7;justify-content:space-between;width:100%}.portfolio_item:hover{opacity:1}.portfolio_img{max-width:150px;float:left;object-fit:cover;overflow:hidden;padding-right:20px}.portfolio_details{padding-left:1rem;margin:auto 0}.portfolio_details>h1{padding:0 0 1rem;margin:auto 0}.technology_list{max-width:100%;justify-content:center;display:flex;flex-wrap:wrap;padding:.5rem 0;margin:0 auto}.technology_list>*{background-color:#3b5e3b;padding:.1rem .5rem;border-radius:50px;margin:.2rem;color:#fff;font-size:.8rem}.hamburger_menu_wrapper{display:flex;width:100vw;justify-content:flex-end;padding-right:20px}.hamburger_menu div{height:4px;background-color:#fff;margin:5px 0;border-radius:25px;transition:.3s}.hamburger_menu{width:30px;display:block}.one{width:30px}.two{width:20px}.three{width:25px}.hamburger_menu:hover div{width:30px}.hamburger_menu_list{display:flex;flex-direction:column;position:absolute;right:20px;top:52px;background-color:#e7e7e7;padding:10px;border-radius:0 0 10px 10px;opacity:.9;animation:fadeIn 1s;text-decoration:none;color:gray;align-items:center}.hamburger_menu_list>a{color:#112411}.hamburger_menu_list>a:hover{text-align:center;padding:3px;background-color:#d6d6d6;color:#000}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70vw;height:100vh;margin:0 auto;gap:2em}.contact_info{display:flex;flex-direction:column;gap:1rem;max-width:80%}.contact_info>h1{text-align:center}.contact_me{max-width:65%;border:1px green solid}.contact_details{justify-content:center;display:flex;gap:10px;flex-direction:column}.contact_link{display:flex;flex-direction:row}.contact_link>img{height:25px}.contact_link>p{margin:auto 10px}.nav_bar{display:none}.profile_photo,.profile_photo_about_me{max-width:20vw;border-radius:50px}@media only screen and (min-width: 600px){.hamburger_menu{display:none}.nav_bar_container{flex-direction:column;justify-content:center;align-items:center}.nav_bar{display:flex;flex-direction:row;width:80%;justify-content:space-around;color:#fff}.main_navbar{min-width:60%;display:flex;justify-content:space-between;flex-wrap:wrap}.portfolio{width:70vw}.main_navbar>a{color:#fff}.additional_page_container{display:flex;flex-direction:column;justify-content:center;align-items:center}.about_me{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100vh;width:70vw}.about_me>section{width:70%}.about_me>div{width:30%}.about_me>section>p:not(:first-child){padding-top:20px}.contact_info{flex-direction:column}.cv{color:#d3d3d3}.hamburger_menu_list{display:none}.contact{width:50%;text-align:center}.profile_photo_about_me{width:20vh;border-radius:10px}.contact_details{flex-direction:row}}