@font-face{font-family:Victor Mono;src:url(/Portfolio/assets/VictorMono-VariableFont_wght-LvjO0EI6.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box;font-family:Victor Mono,sans-serif;color:#333}body{background-color:#f0f0f0}.navbar{display:flex;justify-content:space-evenly;margin-top:2rem;margin-bottom:2rem}li{list-style-type:none}.nav-link{font-size:1.1em;border-bottom:4px solid transparent;padding-bottom:10px;transition:border-bottom .5s;text-decoration:none}.nav-link:hover{border-bottom:4px solid #747fe0}*{color:#333}.intro{margin-top:4rem;margin-bottom:3rem}.name{color:#747fe0;display:inline-block;font-size:2rem;font-weight:500;border-right:12px solid #747fe0;margin-top:20px;margin-bottom:20px}.description{line-height:2rem;text-align:justify}.description a{text-decoration:none;color:#747fe0}.about{margin-top:2rem;margin-bottom:3rem}.about .header{background-color:#d3d3d3;height:28px;border-top-right-radius:14px;border-top-left-radius:14px;padding:4px 8px;display:flex;gap:8px;justify-content:start;align-items:center}.about .header .button{height:16px;width:16px;border-radius:8px;margin-left:4px}.button:nth-of-type(1){background-color:#f96256}.button:nth-of-type(2){background-color:#fdbc3d}.button:nth-of-type(3){background-color:#33c948}.about .content .content-item:first-child{padding-top:40px}.about .content .content-item:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:32px 32px 40px;margin-bottom:0}.about .content .content-item{padding:20px 32px}.about .content .content-item,.about .content .content-item .input,.about .content .content-item .output,.about .content .content-item .output .link a{background-color:#313244}.about .content .content-item .output .link a{color:#00c8ff;text-decoration:none}.about .content .content-item .input{color:#f7f7f7}.about .content .content-item .output{color:#e7d184;margin-top:1rem;line-height:1.75rem;text-wrap:wrap}.project-item{border:1px solid transparent;box-shadow:0 0 20px #bebebe;margin-bottom:3rem;padding:3rem 2rem;border-radius:1rem}.project-item .title{font-size:1.25rem;margin-bottom:20px;font-weight:700}.project-item .project-desc{line-height:2rem;text-align:justify}.project-item ul{margin-top:20px;margin-bottom:2.5rem;display:flex;flex-wrap:wrap;gap:10px}.project-item ul li{color:#747fe0;border:2px solid #747fe0;border-radius:4px;padding:4px 12px}.project-item a{color:#fff;background-color:#747fe0;padding:8px 12px;border-radius:4px;cursor:pointer;text-decoration:none}.contact{margin-top:3rem;margin-bottom:4rem;display:flex;justify-content:space-evenly}.contact a{color:#888;text-decoration:none}footer{margin-top:40px;margin-bottom:40px;display:flex;justify-content:center;align-items:center}body{padding-left:12px;padding-right:12px}.section-title{display:flex;justify-content:center}.section-title p{font-size:1.5rem;text-align:center;margin-top:24px;margin-bottom:6rem}.section-title p span{padding-bottom:20px;border-bottom:10px solid #747fe0}.container{max-width:900px;margin:auto}@media (max-width: 374px){.container{max-width:350px}}