:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--background-color:#f6f6f6;--main-color:#402821;--secondary-color:#be4d28}*{box-sizing:border-box;padding:0;margin:0;color:var(--main-color);font-weight:400}h1{font-weight:700}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--background-color)}a{color:inherit;text-decoration:none}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(5px)}60%{transform:translateY(2px)}}.to-garage{text-decoration:underline;transition:all .5s}.to-garage:hover{text-decoration:none;color:var(--secondary-color)}body{font-weight:700;font-family:var(--font-mono);max-width:58rem;padding:0 2rem;margin:0 auto}.section{margin:0 0 1rem}.navbar{list-style-type:none;margin:0;overflow:hidden}li{float:left;margin:0 .2rem}li:hover{color:var(--background-color)}li a{display:block;text-align:center;padding:8px 10px;text-decoration:none;transition:.5s}li a:hover{background-color:var(--secondary-color);border-radius:6px}.emp{color:var(--secondary-color)}main{justify-content:space-between}footer,main{display:flex;flex-direction:column;align-items:center}footer{justify-content:center;margin:1rem 0 0;width:100%}footer .copy-right{font-size:.5rem}footer .copy-right,footer .social-media{font-size:.8rem;margin:0 0 .5rem}footer .social-media{display:flex;flex-direction:row;justify-content:center}footer .social-media li{margin:0 .5rem;list-style:none}section{margin:0 0 1rem}.flex-container,.projects{display:grid;align-items:center;justify-items:end;grid-template-rows:minmax(170px,auto);grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media(max-width:480px){.flex-container,.projects{justify-items:center}}.flex-container .inner-container:nth-child(n),.projects .inner-container:nth-child(n){padding:0 1rem}@media(min-width:481px){.projects{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px){.projects{grid-template-columns:repeat(3,1fr)}}.projects .project{display:flex;flex-direction:column;justify-content:center;border:3px solid var(--main-color);border-radius:6px;width:267px;height:200px;transition:border-color .5s}.projects .project:hover{border-color:var(--secondary-color)}.projects .project:hover svg{animation:bounce 1s ease 1s infinite}.projects .project .title{display:flex;flex-direction:row;height:50px;justify-content:space-between}.projects .project .title .link{width:auto}.projects .project .title .link svg{width:auto;height:25px}.projects .project .description,.projects .project .tags,.projects .project .title{padding:10px 0}.flex-container{grid-template-columns:repeat(2,1fr)}@media(max-width:480px){.flex-container{grid-template-columns:1fr}}.flex-container .email-container{margin:1rem 0;display:block;width:220px}.flex-container .email-container .email{color:var(--background-color);display:block;text-align:center;width:100%;padding:.5rem .7rem;border-radius:2.6px;background:linear-gradient(to right,var(--background-color) 50%,var(--main-color) 50%);background-size:200% 100%;background-position:100% 100%;transition:all .8s ease-out}.flex-container .email-container .email:hover{color:var(--main-color);background-position:0 100%;border:1px solid var(--main-color);cursor:pointer}.flex-container .inner-container .portfolio-img{display:block;position:relative;display:inline-block;border-radius:6px 26px 6px 6px;border:2px solid var(--main-color)}.flex-container .inner-container .portfolio-img:hover{cursor:pointer;border-color:var(--secondary-color)}.flex-container .inner-container .portfolio-img img{border-radius:6px 26px 6px 6px;display:block;margin:0 auto;min-width:221px}.flex-container .inner-container .active{transition:.8s;opacity:.3}.flex-container .inner-container .active .overlay{opacity:1}.flex-container .inner-container .hidden{display:none}.flex-container .inner-container .popup{opacity:.9;transition:opacity .3s}.flex-container .inner-container .popup span{display:block}.flex-container .inner-container .popup-container:hover .popup{opacity:1}.flex-container .inner-container .overlay{border-radius:6px 26px 6px 6px;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--main-color,.9);opacity:0;transition:opacity .8s}.flex-container .inner-container .overlay span{color:var(--background-color);font-size:18px;text-align:center}@keyframes popup{0%{opacity:0}10%,90%{transform:none;opacity:1}to{opacity:0;pointer-events:none}}.after-list{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.after-list .bounce{animation:bounce 1s ease infinite}.header-content .smile{visibility:hidden;transition:all 1s}.header-content:hover>.smile{visibility:visible}.tab-content-container{display:flex;flex-direction:row;margin:1rem 0;width:100%}@media(max-width:480px){.tab-content-container{flex-direction:column}}.tab-content-container .tab-container{display:flex;flex-direction:column;flex:30% 1}@media(max-width:480px){.tab-content-container .tab-container{flex-direction:row;overflow-x:scroll;flex:100% 1;overflow-x:auto;-webkit-overflow-scrolling:touch}}.tab-content-container .tab-container .tab-button{background-color:var(--main-color);color:var(--background-color);border:none;outline:none;cursor:pointer;padding:10px 20px;margin:5px 0;font-size:16px;transition:background-color .3s}@media(max-width:480px){.tab-content-container .tab-container .tab-button{font-size:13px;padding:5px 10px;min-width:70%}}.tab-content-container .tab-container .tab-button:hover{opacity:.6}.tab-content-container .tab-container .tab-button.active{border:1px solid var(--main-color);background-color:var(--background-color);color:var(--main-color)}.tab-content-container .job-list{display:flex;flex-direction:column;flex:70% 1;justify-content:center;align-items:flex-start;padding:0 1rem}.tab-content-container .job-list .content{display:flex;flex-direction:column;border:3px solid var(--main-color);border-radius:6px}.tab-content-container .job-list .tab-content{display:none}.tab-content-container .job-list .tab-content.show{display:contents}.tab-content-container .job-list .tab-content.show .parts{margin:0 0 .6rem}.tab-content-container .job-list .tab-content.show .parts .job-description-list{display:flex;flex-direction:column}.tab-content-container .job-list .tab-content.show .parts .job-description-list span,.tab-content-container .job-list .tab-content.show .parts .job-title,.tab-content-container .job-list .tab-content.show .parts .tool-description-list span{color:var(--secondary-color)}.tab-content-container .job-list .tab-content.show .parts .job-title{font-weight:bolder}.download-files .file-list{display:flex;flex-direction:row;list-style:none}.download-files .file-list li{border:.1rem solid var(--main-color);border-radius:6px}.download-files .file-list li:hover{border:none}.bounce{animation:bounce 2s ease infinite}