@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300&display=swap);*{margin:0;padding:0;box-sizing:border-box}:root{--Roboto:'Roboto',sans-serif;--Nunito:'Nunito',sans-serif}body{width:100%}main{background-image:url(/7f773fc5859d4a30b725e9d7b9a63ba3e1685c32/tony-lee-i_xllp08boc-unsplash.jpg);background-size:cover;background-repeat:no-repeat;height:100vh;width:100%}.title h1{color:#fff;font-size:4.2rem;font-family:var(--Nunito);text-transform:uppercase}.buttons{display:flex;justify-content:center;align-items:center}.content{height:80vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.buttons{display:flex;gap:1rem}.buttons a{text-decoration:none;color:#fff;border-radius:30px;padding:15px 20px;font-size:1.5rem;transition:background-color 1s ease-in-out;font-family:var(--Roboto)}.button-1{background-color:rgba(255,94,0,.8)}.button-2{background-color:hsla(0,2%,8%,.8)}.button-1:hover{background-color:#ff5e00}.button-2:hover{background-color:#141313}.hero-1{padding:4rem 5rem}.explain h1{font-family:var(--Roboto)}.explain p{font-family:var(--Nunito);color:#a9a9a9;font-size:1.2rem;font-weight:500}.explain a{margin:0 6rem;text-decoration:none}.feature{background-color:#d3d3d3;padding:3rem 4rem}.feature img{width:50px;height:50px}.feature-content h2{text-transform:uppercase;font-family:var(--Roboto);padding-top:1rem}.feature-content p{color:#5a5757}.topic{padding-top:5rem;padding-bottom:1rem}.topic h1{font-family:var(--Nunito)}.subtopic{font-family:var(--Nunito)}.subtopic p{color:#a9a9a9}.blog hr{color:red;padding-bottom:3rem}.item a{text-decoration:none}.item img{padding-bottom:1rem}.item a h2{color:#3f3e3e;font-family:var(--Roboto);font-size:1.3rem}.item h2,.item p,.more{padding:0 1rem}.item a h2:hover{color:#d83a12}.date span{color:#443f3f}.date p{color:#443f3f;font-weight:600}.blog{padding:4rem 4.5rem 7rem 4.5rem}.date{display:flex;flex-direction:row;justify-content:space-between;padding-right:1rem}.item-description{color:#979797}.more{color:#fff;background-color:#d83a12;padding:10px 15px;border-radius:20px}.more:hover{opacity:.8}.work{text-align:center}.work hr{color:red;padding-bottom:3rem}.work-item i{color:red}.work-item h2{padding-top:1.5rem;padding-bottom:2rem}.work-1{padding-bottom:4rem}.work-item img{border:2px solid red;padding:20px;border-radius:50%}.prospectus{background-color:#d3d3d3;padding:4rem 5rem}.prospectus h1{font-family:var(--Roboto);font-weight:200}.subtopic-1{font-family:var(--Nunito);padding-top:1.5rem;color:#9c9a9a}.prospectus hr{color:red;padding-bottom:3rem}.cmnt{background-color:#f1efef;padding:1rem}.cmnt-box{column-gap:1rem}.cmnt p{font-family:var(--Nunito)}.pp{border-radius:70%;height:80px;width:20px}.prospectus h3{margin:auto}footer{padding:2rem 4rem .5rem 4rem;background-color:#464444}footer ul li{list-style-type:none}footer ul li a{text-decoration:none;color:#9c9a9a}footer ul li a:hover{color:#d83a12}footer div>h1{color:#fff;font-weight:100}footer div>p{color:#9c9a9a}@media only screen and (min-width:992px){.work-item{padding-left:1rem}.explain a{margin:0}.title h1{font-size:3.5rem}.item img{height:300px}}@media only screen and (max-width:600px){*{margin:0;padding:0;box-sizing:border-box}.work{padding:1rem 2rem}.item h2,.item p{padding:0 0}.buttons{display:flex;justify-content:space-evenly}.work-item{padding:1rem 0}.work-1{padding:0}.item{padding-bottom:3rem}.explain p{margin:1rem 0}.explain-img{width:80%;margin:1rem auto 0 auto}.work{padding:1rem 2rem}.hero-1{padding:3rem 2rem}.explain{padding:1rem 2rem;row-gap:1rem}.feature{row-gap:1rem}.subtopic p{font-size:1rem}.prospectus{padding:2rem 2rem}.prospectus p{padding:.5rem auto;font-size:1.1rem}.cmnt-box{display:flex;flex-direction:column;row-gap:1rem}.cmnt{border-radius:10px}.blog{padding:2rem 2rem}.subtopic p{font-size:1.1rem}.item img{filter:drop-shadow(0 0 10px rgba(128, 128, 128, .6))}footer{padding:3rem 2rem}.explain a{margin:0;float:left}footer{padding-bottom:1rem}.slide-in{width:auto;height:auto;position:absolute;left:-100px;top:50%;transform:translateY(-50%);animation:slideFromLeft 3s forwards}@keyframes slideFromLeft{0%{left:-100px}100%{left:0}}.fade-in{opacity:0;transform:translateY(100%);animation:fadeIn 3s forwards;animation-delay:1s}@keyframes fadeIn{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}}