:root{--accent-color:#FF6B6B;--accent-color:#ffc917;--background-dark:#202133;--background-light:#242537}body,html{background-color:var(--background-dark);color:white;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:0;margin:0;scroll-behavior:smooth!important}a{color:inherit;text-decoration:none}*{box-sizing:border-box}@media (prefers-color-scheme:dark){html{color-scheme:dark}}header,nav{background:var(--background-light)}header{margin:0;padding:80px 0}footer{background:var(--background-light);font-size:16px;padding:70px 0 40px;text-align:center}.container{display:flex;box-sizing:border-box;padding:25px 15px;gap:20px;width:100%;margin:0 auto}.link{color:white;font-family:Lucida Console,Courier New,monospace;font-size:18px}.link:first-child{margin-left:auto}.link:hover{text-underline-offset:7px;text-decoration:underline;-webkit-text-decoration-color:var(--accent-color);text-decoration-color:var(--accent-color)}.photo,.text{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 10px)}.introduction{font-size:20px;color:white;font-family:Lucida Console,Courier New,monospace;margin:0}.name{color:white;font-size:64px;line-height:64px;font-weight:500;margin:20px 0}.tag-line{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:450;color:#ffffff}.fixed-text{display:inline;margin:0}.typewriter-text{display:inline;color:var(--accent-color);width:90px}.description{font-size:18px;color:white}.photo{position:relative;min-height:300px}.photo img{align-self:center;justify-self:right;border-radius:50%;height:auto!important;max-width:300px}main h2{font-size:36px;line-height:46px;font-weight:700;margin-bottom:40px;text-align:center}main h2:after{content:"";display:block;height:4px;width:50px;background:var(--accent-color);margin:20px auto 0}#projects{max-width:800px;margin:50px auto}.projects{flex-direction:column;gap:20px;padding:0}.project,.projects{display:flex;margin:0}.project{background:var(--background-light);padding:30px;border-radius:5px;gap:30px}.project h3{font-size:24px;font-weight:700;margin:0}.project__description{font-size:18px;line-height:1.5em;margin:10px 0}.links{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}a:link,a:visited{color:var(--accent-color);text-decoration:none;font-size:18px}a:hover{text-decoration:underline}#skills{background:var(--background-light);padding:0 15px}.skill-group{position:relative;width:20%;text-align:center}.skill-logo{filter:brightness(100);width:70px;height:70px}.skill-heading{color:var(--accent-color);font-size:20px;justify-self:center;margin:20px 0}.project__tags,.skill-list{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:35px}.project__tags{justify-content:left;gap:15px}.project__tag,.skill{background:var(--background-light);border-radius:5px;color:white;outline:1px solid var(--accent-color);padding:8px 12px}@media (min-width:768px){.container{max-width:750px}}@media (min-width:992px){.container{max-width:970px}}@media (max-width:991px){header{margin:0}header .container{height:auto;padding:40px 15px;flex-direction:column;gap:40px}.photo img{justify-self:center}.skill-heading{font-size:18px}}@media (max-width:800px){#skills .container{margin:0;padding:25px 0}.skill-heading{font-size:16px;margin:15px 0}.skill-list{margin-top:25px}.link{font-size:16px}}@media (max-width:660px){.skill-heading{font-size:14px;margin:5px 0}.skill-list{margin-top:18px}}@media (max-width:600px){#skills .container{flex-direction:column;gap:40px;padding:25px 15px}.skill-group{width:100%}.skill-heading{font-size:16px;margin:0}.skill-list{margin-top:12px}.name{font-size:50px;line-height:50px;margin:10px 0}.tag-line{font-size:26px}.typewriter-text{width:80px}footer{font-size:16px}}@media (max-width:440px){.tag-line{font-size:24px}.typewriter-text{width:70px}}@media (max-width:375px){.tag-line{font-size:20px}.typewriter-text{width:60px}}@media (min-width:1200px){.container{max-width:1170px}}