@font-face{font-family:"Quicksand";src:url("../fonts/Quicksand-Regular.ttf") format("truetype")}@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-SemiBoldItalic.ttf") format("truetype")}@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-BoldItalic.ttf") format("truetype");font-weight:700}.css-transitions-only-after-page-load *{transition:none !important}body{margin:0;height:100%;overflow:hidden;background-color:#35434d}.container{margin:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;transition:all 1s;transition-property:all 1s}.container2{margin:0;height:0;width:100%}.iframe{height:100%;width:100%;border:none}.bg-text{position:absolute;z-index:-1;font-family:"Montserrat",sans-serif;font-weight:600;font-size:2.5em;text-align:end;width:25%;left:100px;top:20%;color:#ffc600;max-width:500px}.bot{padding-top:1.2em;font-weight:700;background:-webkit-linear-gradient(rgb(83, 84, 96), #fff);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);max-width:500px}.bot span{display:inline-block}.body-container{display:flex;flex-direction:column;justify-content:center}.body-container .mobile-name{font-family:"Montserrat",sans-serif;font-size:2.5em;font-weight:600;color:#ffc600;text-align:center;margin-bottom:20px;visibility:hidden}.body-of-work{display:grid;grid-template-rows:1rem repeat(5, 5rem) auto;width:450px;height:500px;border-radius:7px;background-color:#15232d;box-shadow:4px 4px 2px rgba(0,0,0,.1);padding:20px;font-family:"Quicksand",sans-serif;font-size:1.5em;color:#fff}.body-of-work .title{align-self:flex-start;display:flex;align-items:end;grid-row:1/3;font-size:2em;font-weight:400}.body-of-work a{display:flex}.body-of-work a .link{display:flex;align-items:center;transition:all 1s;width:200px}.body-of-work a .link:hover{background-color:#193549;color:#fff;border-radius:7px;width:100%;cursor:pointer}.body-of-work a:link{font-family:"Quicksand",sans-serif;color:#ffc600;text-decoration:none;transition:all .5s}.body-of-work a:hover,.body-of-work a:visited:hover{color:#fff}.body-of-work a:visited{color:#ffc600}.iframe-header{display:none;grid-template-rows:2 repeat(4, 1fr);width:450px;height:500px;border-radius:7px;background-color:#f2f1f8;box-shadow:4px 4px 2px rgba(0,0,0,.1);padding:20px;font-family:"Quicksand",sans-serif;font-size:1.5em;color:#f2f1f8;transition:all 1s;transition-property:all 1s}.new-content{display:grid;grid-template-columns:1fr 3fr 1fr;justify-content:center;align-items:center;transition:all 1s;cursor:pointer}.backward{display:flex;justify-content:flex-start;padding-left:20px;grid-column:1}.forward{display:flex;justify-content:flex-end;padding-right:20px;grid-column:3}#return{display:flex;justify-content:center;cursor:pointer}.blog-container{display:flex;justify-content:flex-start;align-items:flex-start;height:100VH;width:100%;background-color:#35434d}.blog-frame{margin:15px 0 0 15px;height:100VH;width:75%;overflow:scroll}.links{margin:15px 15px 0 0;width:25%;display:inline-block;text-align:right}.links a::after{content:"\a";white-space:pre}.links a,.links a:link,.links a:visited{text-decoration:none;color:#ffc600;font-family:"Quicksand",sans-serif}.links a:hover{text-decoration:underline}.links .previous{text-align:center;font-family:"Quicksand",sans-serif;color:#fff;font-size:1.5em;font-weight:600}@media(max-width: 1425px){.bg-text{visibility:hidden}.bot{visibility:hidden}.body-container .mobile-name{visibility:visible}}@media(max-width: 500px){.content-box{width:100%;height:100VH}}