@font-face{ /*https://fonts.google.com/specimen/Montserrat?selection.family=Montserrat&sidebar.open=true*/ font-family: "Montserrat"; src: url("font/Montserrat-Medium.ttf"); } html{ font-size: 32px; } h1{ font-family: Montserrat, sans-serif; color: #211927; display: inline-block; } body{ margin: 0; background-color: white; } .light_gray{ background-color: rgb(243, 243, 243); } .img-scale{ height: auto; max-width: 100%; padding: 0 .5rem 0 0; } .center{ margin: 0 auto; } .div-mod{ height: 100%; width: 80%; position: relative; top: 3.5rem; } .img-align{ display: flex; justify-content: center; flex-flow: row wrap; } .about-end-mod{ height: 100%; width: 100%; position: relative; top: 3.5rem; } /*----------------------Navbar Section-------------------------------------------*/ #navbar{ height: auto; width: 100%; display: flex; flex-direction: row; align-items: center; overflow: hidden; position: fixed; top: 0; z-index: 1; } #navbar img{ height: auto; width: 4rem; margin: .2% } a{ font-family: Montserrat, sans-serif; color: #854279; } a:hover{ color: #f67ee0; } /*-------------------------About Section----------------------------------------------*/ #ABOUT{ } /*--------------------Designs Section----------------------------------------------*/ #DESIGNS{ background-color: white; } /*---------------------Websites Section-----------------------------------------------*/ #WEBSITES{ background-color: white; } /*--------------------------Projects Section------------------------------------*/ #PROJECTS{ background-color: white; } /*--------------------------Social Media Section------------------------------------*/ #SOCIAL{ background-color: #854279; margin-top: 5rem; text-align: center; padding: 1rem 0 1rem 0; } #SOCIAL p{ color: white; font-size: .5rem; } @media(max-width: 740px){ #ABOUT{ display: none; } h1{ font-size: 1.5rem; } .div-mod{ left: 1% } #navbar a{ display: inline-block; font-size: .75rem; } #navbar{ padding: .3rem; text-align: center; } #SOCIAL{ margin-top: 2rem; } #navbar img{ margin: 0 } }