@media(max-width: 1080px){main section.noteworthy-projects .projects-list{grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))}}@media screen and (max-width: 945px){main section.projects .projects_list .project{justify-content:center}main section.projects .projects_list .project .external_image{max-width:100%;z-index:-5}main section.projects .projects_list .project .external_image::before{background-color:#0a192f;opacity:.8}main section.projects .projects_list .project.right{justify-content:center}main section.projects .projects_list .project.right .content{left:unset;place-items:center;text-align:center}main section.projects .projects_list .project.right .content a,main section.projects .projects_list .project.right .content p{text-align:center}main section.projects .projects_list .project .content{left:unset;right:unset;top:unset;place-items:center;text-align:center}main section.projects .projects_list .project .content p{text-align:center}main section.projects .projects_list .project .content .project_description{background-color:rgba(0,0,0,0);box-shadow:none;padding:0px 10px}}@media screen and (max-width: 768px){header nav.flex-center ul{display:none}header nav.flex-center div.burger{display:block}main{padding:100px 50px 50px}main section.about{grid-template-columns:1fr;place-items:center}main section.archive h1{padding-left:10px}main section.archive p.subtitle{padding-left:10px}main section.archive table .hide-mobile{display:none}main section.archive table th:first-child,main section.archive table td:first-child{padding-left:10px}main section.archive table th:last-child,main section.archive table td:last-child{padding-right:10px}main section.archive table td.year{padding-right:10px;font-size:14px}main section.contact{padding:80px 0px}main section.contact p{font-size:16px}footer{position:static;display:flex;justify-content:center;flex-wrap:wrap}footer .socials{width:100%;position:static;display:flex;justify-content:center;align-items:center;padding:10px 0px 30px;margin-top:10px}footer .socials ul{width:fit-content;flex-direction:row}footer .socials ul::after{display:none}footer .contact__gmail{width:100%;position:static;order:-1}footer .contact__gmail a{writing-mode:horizontal-tb}footer .contact__gmail ul::after{display:none}}@media screen and (max-width: 600px){main section .header-text{font-size:clamp(20px,5vw,32px)}main section.experience .jobs{display:grid;row-gap:15px}main section.experience .jobs ::-webkit-scrollbar{width:4px}main section.experience .jobs ::-webkit-scrollbar-thumb{transition:all .25s cubic-bezier(0.645, 0.045, 0.355, 1)}main section.experience .jobs ::-webkit-scrollbar-thumb:hover,main section.experience .jobs ::-webkit-scrollbar-thumb:active{background-color:#64ffda}main section.experience .jobs__tabs{width:100%;display:flex;overflow-x:auto;padding-bottom:10px}main section.experience .jobs__tabs button{width:100%;text-align:center;justify-content:center;padding:0px 15px;border:0px;border-bottom:2px solid #112240}main section.experience .jobs__tabs button.active{border:0px;border-bottom:2px solid #64ffda}main section.projects .projects_list .project .content .project_description p{font-size:14px}main section.projects .projects_list .project .content p.tags{justify-content:center;color:#e6f1ff}main section.projects .projects_list .project .content a.read-more{font-size:20px;margin-top:10px}}@media screen and (max-width: 480px){main{padding:100px 25px 25px}main pre{max-width:calc(100vw - 50px)}main section.about article p{font-size:18px}main section.about article ul{grid-template-columns:1fr}main section.about aside::before{height:200px}main section.about aside img{width:200px;height:200px}main section.archive table thead tr th{font-size:14px}main section.archive table tbody td.title{font-size:14px}}@media screen and (max-width: 350px){main section .header-text{font-size:clamp(18px,5vw,32px) !important}main section.about article p{font-size:18px}main section.about article ul{grid-template-columns:1fr}main section.about aside::before{height:150px}main section.about aside img{width:150px;height:150px}main section.projects .project .content{row-gap:5px !important}main section.projects .project .content p.tags{row-gap:5px !important}main section.archive{max-width:100%;overflow-x:auto}main section.note-worthy-projects .projects-list{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}}