#homeContainer{margin:0px 10%;padding:25px 0px;border-radius:10px;clear:both;overflow:auto;height:fit-content;display:grid;grid-template-rows:repeat(5, auto);grid-template-columns:repeat(2, auto)}#homeContainer #name{grid-row:1/2;grid-column:1/3;color:#fff}#homeContainer #positions{grid-row:2/3;grid-column:1/3;color:#fff}#homeContainer #meContainer{grid-row:3/6;grid-column:1/2;height:fit-content;margin:5px;padding:5px;background-color:rgba(51,51,51,.5019607843);border-radius:10px;display:flex;flex-direction:column}#homeContainer #meContainer img{max-height:329px;border-radius:10px;align-self:center}#homeContainer #text{grid-row:3/4;grid-column:2/3;margin:5px;padding:5px;background-color:rgba(51,51,51,.5019607843);border-radius:10px;display:flex;justify-content:center;align-items:center}#homeContainer #text p{font-size:2.4rem;text-align:center;line-height:45px}#homeContainer #skills{height:fit-content;padding:0px 5px}#homeContainer #skills h3{padding-bottom:0px}#homeContainer #skills ul{margin:0px;padding-inline-start:25px}#homeContainer #progSpecs{grid-row:4/5;grid-column:2/3}#homeContainer #designSpecs{grid-row:5/6;grid-column:2/3}#homeContainer .specGroup{display:flex;flex-direction:column}#homeContainer .specTitle{display:flex;justify-content:center;text-align:center;margin-top:10px}#homeContainer .specContainer{background-color:rgba(51,51,51,.5019607843);margin:10px 10%;border-radius:10px;display:flex;justify-content:space-evenly;align-items:flex-start}#homeContainer .spec{display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin:10px}#homeContainer .spec img{max-width:128px;max-height:128px;background-color:hsla(0,0%,100%,.5019607843);border-radius:10px;padding:10px}#homeContainer .spec h4{max-width:160px;text-align:center}@media only screen and (max-width: 1320px){#homeContainer{display:flex;flex-direction:column}#homeContainer #name,#homeContainer #positions,#homeContainer #meContainer{align-self:center}#homeContainer #name,#homeContainer #positions{text-align:center}}@media only screen and (max-width: 768px){#homeContainer .specContainer{flex-direction:column;width:min-content;align-items:center;align-self:center}}@media only screen and (max-width: 660px){#homeContainer #meContainer{flex-direction:column}#homeContainer #meContainer img{max-width:256px}}