home1.css

@media screen and (max-width:480px){body{margin:0;display:grid;grid-template-columns:1fr;justify-content:center;height:100vh;width:100vw}#about,#contact,#home,#projects{margin:5%}.about-page,.contact-page,.home-page,.project-page{margin:5%;width:inherit;height:inherit;border:1px solid #5c715e}nav{width:300px;height:60px}a{margin-top:5%;font-size:10px;padding:2px}.side-bar{width:inherit}.project-text,.side-bar{height:inherit}.container2,.container3,.footer-bar{height:inherit;width:inherit}.contact-box,.project-container,.skill-container,.text-video-container,textarea{margin:1%;display:flex;flex-direction:column;width:inherit;height:inherit;border:1px solid #5c715e}textarea{margin-left:15px;width:250px;height:200px}.text-container{align-self:center}.slideshow-container2>video,.text-video>video{padding-left:3%;width:90%;height:150px}h1{font-size:1.2rem}.icon-bar>a,body,button,p{align-items:center}h1,p{white-space:normal;line-height:normal}p{font-size:16px}.contact-text{font-size:1.4rem;margin:10px}button,h1{margin-left:30px}button{font-size:10px;height:30px;width:120px}.contact-btn{margin-left:80px}.icon-bar>a{margin-left:15px;font-size:8px}.aboutme{width:inherit}.contact-container{display:flex;flex-direction:column;width:inherit;padding:5px}.project-text{margin-top:10px;padding:20px;width:inherit;font-family:'Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;line-height:1.5rem;font-size:1.2rem}.project-btn{font-size:10px;height:30px;width:80px}.icon>a{font-size:1.4rem;padding:8px;margin-left:15px}}