:root{--primary: #d0d0d0;--secondary: #4a4a4a;--accent: #9c479b;--background: #020202;--white: #ffffff;--border: #ccc;--font: "Ubuntu", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);font-family:var(--font);border-right:4px solid var(--accent);border-top:4px solid var(--accent)}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button,input,textarea{border:none;outline:none}h1,h2,h3,h4,h5{color:var(--primary)}h1{text-shadow:2px 2px var(--accent);font-size:64px}p{color:var(--primary);font-weight:300;line-height:1.5}.wrapper{max-width:768px;padding:30px}.header-container{padding-bottom:30px}.header-container h2{color:var(--accent);font-weight:300;padding-top:15px}.section{border-top:1px solid var(--secondary);bottom:1px solid var(--secondary);padding:20px 0}.section h2{color:var(--accent);font-weight:300;margin-bottom:15px}.section h5{padding:20px 0}.skills-list{color:var(--primary);font-weight:300;margin-top:20px}.skill-item{padding-bottom:12px}.skill-item strong{color:var(--accent)}.project-item strong{color:var(--primary)}.project-item,.experience-item{border-left:3px solid var(--accent);margin-bottom:24px;padding:12px 16px}.project-header,.experience-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px dotted var(--accent)}.experience-header em{font-weight:300}.experience-item h3{font-size:14px}.experience-duration{font-size:12px;color:var(--secondary)}.experience-duration em{margin-left:8px}.experience-responsibilities{font-size:14px}.project-header span{color:var(--primary)}.project-item p{font-size:14px}.contact{color:var(--accent);display:flex}.contact a{padding:10px;font-size:21px;text-transform:uppercase}.contact a:first-child{padding-left:0}@media screen and (max-width: 768px){.wrapper{padding:0}header{height:100vh;padding:30px;display:flex;align-items:center}header h2{font-size:18px;line-height:1.4}.section p,.section li{font-size:14px;line-height:1.6}h1{font-size:24px;text-shadow:1px 1px var(--accent)}.section{padding:20px 25px}.section h2{font-size:21px}.skill-item{padding:0}.experience-header{flex-direction:column;align-items:flex-start}.project-item,.experience-item{border-left:2px solid var(--accent);margin-bottom:24px;padding:0 16px}}