@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{--primary-background-color: #fffffe;--secondary-background-color: #e3f6f5;--projects-background-color: #e3f6f5;--headline-color: #272343;--paragraph-color: #2d334a;--highlight-color: #ffd803;--highlight-text-color: #272343}*{font-family:Roboto,sans-serif;padding:0;margin:0;box-sizing:border-box}a,ul,li{text-decoration:none;list-style:none}h1,h2,h3{color:var(--headline-color);font-weight:700}p{color:var(--paragraph-color);line-height:25px}.message>h1{font-size:3rem;margin-bottom:2.6rem}.container{display:flex;justify-content:center;align-items:center;text-align:center}body{background-color:var(--primary-background-color)}.btn{background-color:var(--highlight-color);cursor:pointer;color:var(--highlight-text-color);text-align:center;vertical-align:middle;border-radius:.3rem;font-weight:500}section{display:flex;justify-content:center;padding:4rem}header{display:flex;justify-content:center;align-items:center;padding:1rem}#hero .message>h1{font-size:4rem;margin-bottom:2.6rem}.hero-btn{padding:1rem 2rem}#projects{background-color:var(--projects-background-color)}.project-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.project-item{background-color:var(--primary-background-color);height:13rem;width:22rem;position:relative}.project-item img{position:absolute;top:0;left:0;width:100%;height:100%}.skill-grid{display:grid;gap:1rem;grid-template-columns:auto auto auto}.skill{padding:3rem;background-color:var(--highlight-text-color)}#about{display:flex;background-color:var(--secondary-background-color)}#about .container{flex-direction:column}#about img{border-radius:50%;width:200px;margin-bottom:2rem}footer{display:flex;padding:2rem 3rem;justify-content:space-between}.copy{display:flex;gap:1rem;flex-direction:column;justify-content:space-between;max-width:50%}.copy>img{max-width:5rem}.copy>p:last-child{font-weight:700}.social>ul{display:flex;flex-direction:column;gap:1rem}.social>h3{border-bottom:var(--highlight-text-color) 2px solid;padding-bottom:.2rem;margin-bottom:.6rem}.social>ul>li>a{color:var(--paragraph-color)}@media (min-width: 801px){.container{max-width:801px}}