@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;400&display=swap');html, body{position:relative;width:100%;height:100%}body{color:#171717;margin:0;box-sizing:border-box;font-family:'Raleway', sans-serif;font-size:1rem;font-weight:400;line-height:1.5}a{color:rgb(0, 100, 200);text-decoration:none}a:hover{text-decoration:underline}a:visited{color:rgb(0, 80, 160)}.main-container{padding:3rem 1rem 0;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;margin:0 0 1rem}.home-link{line-height:0}.danier-logo{width:4rem}.social-links{display:flex;align-items:center}.profile-link{font-size:1.5rem;margin-right:0.5rem}.linkedin-logo{width:1.5rem}.name-title{font-size:4rem;font-weight:400;margin:0}.intro-text{font-size:4rem;font-weight:100;margin:0 0 2rem}.javascript-logo{width:3rem}.tech-list{list-style-type:none;padding:0;display:flex}.tech-item{flex:1 0 0;display:flex;align-items:center;justify-content:center}.tech-logo{height:10rem}@media(max-width: 575.98px){.danier-logo{width:3rem}.profile-link{font-size:1rem}.name-title,.intro-text{font-size:2rem}.javascript-logo{width:1.5rem}.tech-logo{height:4rem}}@media(min-width: 576px){.main-container{max-width:540px}.tech-list{flex-wrap:wrap}}@media(min-width: 768px){.main-container{max-width:720px}}@media(min-width: 992px){.main-container{max-width:960px}}@media(min-width: 1200px){.main-container{max-width:1140px}}