.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:90%;margin:0 auto;padding:20px;justify-content:center}@media (max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:750px){.grid{grid-template-columns:1fr;padding:10px}}.grid__item{display:flex;flex-direction:column;align-items:center;background-image:url("../img/card-background.png");background-size:cover;background-position:center;border:3px solid orange;border-radius:15px;padding:24px;text-align:center;box-shadow:3px 3px 10px rgba(0,0,0,0.1);width:100%}.grid__item img{width:120%;max-width:420px;height:auto;border-radius:10px;margin-bottom:18px;object-fit:contain}.grid__item h2{font-size:28.8px;margin:12px 0}.grid__item p{font-size:21.6px;line-height:1.6;margin-bottom:18px}.grid__item .work-link{font-size:21.6px;font-weight:bold;text-decoration:none;margin-top:auto;display:block}.grid__item .work-link:hover{text-decoration:underline}.grid__item h2:not(:first-of-type){margin-top:12px;font-size:24px;color:#555}.grid__item .work-link:not(:last-of-type){margin-bottom:6px}button,td,th{background-color:#000}a,h1{color:#000}.hello-world,h1{text-shadow:2px 2px #fff}.work-link,button{color:orange;display:block}td,thead{text-align:left}#description{font-size:32.4px;padding:2%;margin-top:14%;width:180%;margin-left:-40%}.para-center,p,table{line-height:2}.contact-info,.grid__item,.page-footer,.para-center,.work-link,button,h1,h2,th{text-align:center}*{box-sizing:border-box}body{font-family:Quicksand,sans-serif;background-image:url("../img/port-background.png");background-size:cover;background-attachment:fixed;background-position:center;padding:40px}.work-link{font-weight:bolder;text-decoration:underline}.nav-link,.social-link,a:focus,a:hover{text-decoration:none}a{font-size:36px;padding-left:6px;padding-right:6px}.page-header{display:flex;width:100%;margin-top:-30px;font-weight:700}.page-header_item{flex:0 1 200px}.page-header_item:last-child{flex-grow:1;text-align:right}#logo{height:auto;width:180px}.navigation-list li{list-style-type:none;display:inline-block}.button:hover,.navigation-list li:hover,button:hover{transform:scale(1.2)}.nav-link{font-size:42px;padding-left:18px;padding-right:18px}h1{font-size:90px;font-weight:1000}button,p{font-weight:700}h2{font-size:36px}.contact-info,.page-footer,.para-center,button,p{font-size:30px}.profile__portrait{float:left;height:auto;width:420px;border-radius:12%;margin:36px;border:5px solid #fff}.profile{max-width:1000px;margin:0 auto}button{border-radius:10px;padding:15.6px;border:3px solid orange;cursor:pointer;margin-left:auto;margin-right:auto;max-width:420px}td,th{border:5px solid orange;padding:9.6px;color:orange}#cv-button{display:inline-block;font-weight:bolder;padding-left:6%;padding-right:6%;margin:0 auto;text-align:center;display:flex;justify-content:center;align-items:center}.container{display:flex;align-items:center}@media all and (max-width:500px){.grid{grid-template-columns:1fr}}@media all and (min-width:500px) and (max-width:750px){.grid{grid-template-columns:1fr 1fr}}table{margin-left:auto;margin-right:auto;width:50%}.contact-info,.page-footer,.para-center,button,p{font-size:30px}.grid__item, .grid__item * {color:orange !important;}a.work-link, button.work-link, td, th {color:orange !important;}
