*{margin:0;padding:0;border:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background-color:#161513}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}body,input,textarea,button{font:400 1rem Roboto,sans-serif}h1,h2,p,a,span,button{color:#fff;text-decoration:none}#app_container{display:flex;flex-direction:column;gap:2rem}#about{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;padding:1rem}#about p{font-size:1rem;line-height:1.5;margin:0;color:#d0d0d0}.about_content{display:flex;align-items:center;justify-content:center;text-align:center}@media screen and (min-width: 720px){.about_content{max-width:60vw;padding:0}#about{padding:0}}#contacts{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#1e1e1d;padding:2rem;gap:2rem}.contacts_content{display:flex;flex-direction:column;gap:2rem;flex:1;list-style:none;padding:0;margin:0}.contacts_content a{font-weight:700}.contacts_content li{display:flex;align-items:center;gap:1rem}.contacts_content svg{width:3rem;height:3rem}@media screen and (min-width: 720px){.contacts_content{justify-content:center;width:60vw;flex-direction:row}}#experience{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem}.experience_list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2rem}.experience_card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:1rem}.experience_card p{font-size:1rem;line-height:1.5;margin:0;color:#d0d0d0}.experience_card_top{display:flex;align-items:center;justify-content:space-between;width:100%}.experience_card_job_title{display:flex;align-items:center;gap:1rem}.experience_card_job_title h3{font-size:1.2rem;color:#fff}.experience_card img{width:3rem;height:3rem}@media screen and (min-width: 720px){.experience_card{width:50vw}}#header_container{display:flex;align-items:center;justify-content:center;padding:1.5rem;gap:2rem;background-color:#1e1e1d;position:relative}#header_container a{text-decoration:none}.header_nav{display:flex;align-items:center;justify-content:space-between;flex:1;max-width:70vw}.header_nav_links{display:none;align-items:center;justify-content:center;gap:2rem;flex:1}.header_nav_links a{transition:.2s ease-in-out}.header_nav_links a:hover{color:silver}.header_nav_logo{font-size:1.2rem;font-weight:bolder}.hamburger{display:flex;cursor:pointer;align-items:center;justify-content:center;border:none;background:none}.hamburger svg{width:2.5rem}.header_nav_links_mobile{display:flex;flex-direction:column;position:absolute;background-color:#1e1e1d;top:80px;right:10px;gap:1rem;padding:2rem;border-radius:10px;z-index:99}@media screen and (min-width: 720px){.header_nav_links{display:flex}.hamburger,.header_nav_links_mobile{display:none}}#home{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f0f0f0}.intro_content{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:1rem;padding:1rem}.intro_content h1{font-weight:900;font-size:2rem;margin:0}.intro_content p{font-size:1rem;line-height:1.5;margin:0;color:#d0d0d0}.intro_buttons{display:flex;justify-content:center;align-items:center;width:100%;gap:1rem}.intro_buttons a{font-weight:700;background:none;cursor:pointer;padding:1rem 2rem;border:2px solid white;border-radius:20px;color:#fff;transition:background-color .3s ease,color .3s ease}.intro_buttons a:first-child:hover{background-color:#161513;color:#fff}.intro_buttons a:first-child,.intro_buttons a:hover{background-color:#fff;color:#161513}.circle-gradient{width:14rem;height:14rem;border-radius:50%;background:linear-gradient(90deg,#020024,#090979 35%,#00d4ff);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.circle-gradient img{width:16rem;height:16rem;object-fit:cover;position:relative;bottom:-22px}@media screen and (min-width: 720px){#home{min-height:90vh;padding:2rem}.intro_content{max-width:40vw;padding:0}.intro_buttons{padding-top:1rem}}#projects{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;padding:2rem 0}.projects_card_container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:.5rem;gap:1rem;list-style:none;margin:0}.projects_card{display:flex;flex-direction:column;width:20rem;height:16rem;border-radius:10px;background-color:#1e1e1d}.projects_card img{width:20rem;height:12rem;flex:1;object-fit:cover;border-radius:10px 10px 0 0}.projects_card_title{display:flex;align-items:center;justify-content:space-between;height:4rem;color:#fff;padding:0 .5rem}.projects_card_title a{width:2rem;height:2rem;cursor:pointer;background:none;display:flex;align-items:center;justify-content:center;color:inherit;text-decoration:none}.projects_card_title a:focus{outline:2px solid #fff;outline-offset:4px}.projects_card_title svg{width:2rem;height:2rem}@media screen and (min-width: 720px){.projects_card_container{max-width:70vw;padding:0}}#stack_container{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem;gap:2rem}.stack_content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2rem}.stack_content svg{width:4rem;height:4rem}@media screen and (min-width: 720px){#stack_container{padding:0 2rem}.stack_content{padding:2rem}}