-
Notifications
You must be signed in to change notification settings - Fork 0
/
styles.f8f3647540a109caf150.css
1 lines (1 loc) · 7.59 KB
/
styles.f8f3647540a109caf150.css
1
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans&display=swap);.card{width:250px;height:250px;margin:0 1em;overflow:hidden!important;display:flex;align-items:center;justify-content:center;background-size:cover;background-color:#000;background-repeat:no-repeat;background-position:50%}.card .content{font-family:Open Sans;text-align:center;background-color:#322522;padding:10rem;opacity:0;transition:all .5s ease-in-out;transform:translateY(20px);cursor:pointer}.card .content h1{font-size:14px;color:#fff}.card .content p{font-size:10px;color:#fff;margin-bottom:20px}.card .content .btn{font-family:questa-sans;background-color:#3f3532;color:#fff;padding:10px 2em;text-decoration:none}.card .content:hover{opacity:1;transform:translate(0)}.navbar-wrapper{width:80vw;margin-top:10vh;display:flex;align-items:center;justify-content:space-between}.navbar-wrapper .name{color:#322522;font-weight:600}.navbar-wrapper .links-wrapper button{text-decoration:none;padding:10px;font-family:Open Sans;opacity:.6;transition:all .2s ease-in-out;font-size:12px;background-color:transparent;outline:none;border:0;cursor:pointer}.navbar-wrapper .links-wrapper button:hover{opacity:1}.navbar-wrapper .links-wrapper .active{color:#000}.navbar-wrapper Link{text-decoration:none;padding:10px;font-family:Open Sans;opacity:.6;transition:all .2s ease-in-out;font-size:12px;background-color:transparent;outline:none;border:0;cursor:pointer}.navbar-wrapper Link:hover{opacity:1}@media(min-width:320px)and (max-width:424px){.header-wrapper h2{font-size:14px}}@media(min-width:425px)and (max-width:767px){.header-wrapper h2{font-size:16px}}@media(min-width:768px)and (max-width:1023px){.header-wrapper h2{font-size:16px}}.header-wrapper p,img{width:70%}img{display:block;margin-left:auto;margin-right:auto}.work-wrapper{width:80vw;margin-top:5vh;margin-bottom:20vh;display:flex;flex-direction:column;align-items:center}.work-wrapper h1{text-align:center;font-family:questa-sans;font-size:1.5rem;color:#352623;line-height:20px}.work-wrapper .grid{display:grid;margin:2em 0 0;grid-template-columns:repeat(3,1fr);grid-gap:10px}@media(min-width:320px)and (max-width:424px){.work-wrapper .grid{grid-template-columns:1fr}}@media(min-width:425px)and (max-width:767px){.work-wrapper .grid{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1023px){.work-wrapper .grid{grid-template-columns:1fr 1fr}}.about-section{width:90vw;margin-top:10vh;margin-left:10vh;display:flex;align-items:center;justify-content:space-between}@media(min-width:320px)and (max-width:424px){.about-section{flex-direction:column-reverse}}@media(min-width:425px)and (max-width:767px){.about-section{flex-direction:column-reverse}}@media(min-width:768px)and (max-width:1023px){.about-section{flex-direction:column-reverse;align-items:center}}.about-section .content{width:60%;padding-top:90px}@media(min-width:320px)and (max-width:424px){.about-section .content{width:100%}}@media(min-width:425px)and (max-width:767px){.about-section .content{width:100%}}@media(min-width:768px)and (max-width:1023px){.about-section .content{width:100%}}.about-section .content h1{font-size:4rem;color:#322522;line-height:2rem;overflow:visible}@media(min-width:320px)and (max-width:767px){.about-section .content h1{text-align:center;line-height:1rem;font-size:2rem}}@media(min-width:768px)and (max-width:1023px){.about-section .content h1{text-align:center}}.about-section .content p{color:#322522;margin-top:5em;text-align:left;font-size:16px}@media(min-width:320px)and (max-width:1023px){.about-section .content p{text-align:center;font-size:14px;justify-content:center}}.about-section .image-wrapper{width:80%;margin-left:2em;height:auto;display:flex;align-items:right;justify-content:right;overflow:hidden}@media(min-width:320px)and (max-width:424px){.about-section .image-wrapper{width:100%}}@media(min-width:425px)and (max-width:767px){.about-section .image-wrapper{width:100%}}@media(min-width:768px)and (max-width:1023px){.about-section .image-wrapper{width:100%}}.skills-container{width:80vw;margin-top:40vh;display:flex;flex-direction:column;align-items:center}.skills-container h1{font-size:3rem;line-height:20px}.skills-container .skills-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;grid-gap:20px}@media(min-width:320px)and (max-width:424px){.skills-container .skills-grid{grid-template-columns:1fr}}@media(min-width:425px)and (max-width:767px){.skills-container .skills-grid{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1023px){.skills-container .skills-grid{grid-template-columns:1fr 1fr}}.skills-container .skills-grid .skill{display:flex;flex-direction:column;align-items:center;text-align:center}.skills-container .skills-grid .skill img{height:3rem}.skills-container .skills-grid .skill p{font-size:14px}.promotion-container{width:80vw;margin-top:10vh;display:flex;flex-direction:column;align-items:center;text-align:center}.promotion-container h1{font-size:3rem;line-height:20px}.footer-container{width:80vw;margin-top:5vh;margin-bottom:10vh;display:flex;flex-direction:column;align-items:center}.footer-container h1{font-size:3rem;line-height:20px}.footer-container h2{font-size:1.5rem;overflow:hidden}@media(min-width:320px)and (max-width:424px){.footer-container h2{display:none}}@media(min-width:425px)and (max-width:767px){.footer-container h2{font-size:14px}}@media(min-width:768px)and (max-width:1023px){.footer-container h2{font-size:1.2rem}}.footer-container .email-link{font-size:1.5rem;color:#000}.footer-container .social-icons{margin-top:20px}.footer-container .social-icons img{height:2rem}.footer-container span{margin-top:10px;text-align:center}.footer-container icon{color:red}.header-wrapper{margin-top:3em;width:70vw;display:flex;flex-direction:column;align-items:center}.header-wrapper h1{font-family:questa-sans;font-size:50px;color:#322522}@media(min-width:320px)and (max-width:424px){.header-wrapper h1{text-align:center;font-size:20px}}@media(min-width:425px)and (max-width:767px){.header-wrapper h1{text-align:center;font-size:22px}}@media(min-width:768px)and (max-width:1023px){.header-wrapper h1{text-align:center;font-size:24px}}.header-wrapper h2{font-size:1rem;padding-bottom:2rem;text-align:center;color:#322522}@media(min-width:320px)and (max-width:424px){.header-wrapper h2{font-size:12px}}@media(min-width:425px)and (max-width:767px){.header-wrapper h2{font-size:14px}}@media(min-width:768px)and (max-width:1023px){.header-wrapper h2{font-size:14px}}.header-wrapper p{margin-top:1px;width:60%;text-align:center;color:#322522;overflow:hidden}@media(min-width:320px)and (max-width:424px){.header-wrapper p{font-size:12px;width:100%}}@media(min-width:425px)and (max-width:767px){.header-wrapper p{font-size:12px;width:100%}}@media(min-width:768px)and (max-width:1023px){.header-wrapper p{font-size:14px;width:100%}}img{max-width:70vh}.center{display:block;padding-top:2rem;margin-left:auto;margin-right:auto;width:100%}@media(min-width:320px)and (max-width:1023px){.center{width:90%}}p{font-size:12px;color:#322522;padding-bottom:1rem;text-align:center}@media(min-width:320px)and (max-width:424px){p{font-size:10px}}@media(min-width:425px)and (max-width:767px){p{font-size:10px}}@media(min-width:768px)and (max-width:1023px){p{font-size:12px}}*{font-family:Montserrat}body{background-color:#faf8f5;margin:0;padding:0;overflow-y:scroll;overflow-x:hidden}.section{width:100vw;height:auto;overflow:hidden}.container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.primary-btn{margin:10px;padding:10px;background-color:#000;color:#fff;border:0;transition:all .2s ease-in-out;text-decoration:none;cursor:pointer}.primary-btn:hover{transform:scale(1.1)}