@import url("https://fonts.googleapis.com/css?family=Ubuntu");@import url("https://fonts.googleapis.com/css?family=Share+Tech+Mono");*{box-sizing:border-box}body{background:#ddd;overflow-x:hidden;position:relative;top:0;left:0;font-family:'Ubuntu', Arial;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease}body.open{left:-200px !important;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease}.shadow{box-shadow:0px 0px 5px #333;-moz-box-shadow:0px 0px 5px #333;-webkit-box-shadow:0px 0px 5px #333}#modal{position:fixed;display:none;height:100vh;width:100vw;top:0;left:0;z-index:15;background-color:rgba(0,0,0,0.35)}#modal.off{display:none !important}#modal.on{display:block !important}#page-content{display:none}#loading-spinner{position:fixed;width:100px;height:100px;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}#loading-spinner .spinner-logo{position:absolute;height:50px;width:50px;top:50%;left:50%;transform:translate(-50%, -50%)}#loading-spinner .spinner{border-radius:50%;border:5px solid #ddd;margin:-50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}#loading-spinner .inner{border-top:5px solid red;border-bottom:5px solid red;width:70px;height:70px;margin:-35px;-webkit-animation:inner-spin 3s linear infinite;animation:inner-spin 3s linear infinite}#loading-spinner .outer{border-right:5px solid red;border-left:5px solid red;width:84px;height:84px;margin:-42px;-webkit-animation:outer-spin 3s linear infinite;animation:outer-spin 3s linear infinite}@-webkit-keyframes inner-spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes inner-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes outer-spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(180deg)}}@keyframes outer-spin{0%{transform:rotate(0deg)}100%{transform:rotate(180deg)}}@media only screen and (max-width: 575px){#sidebar{display:none}.section .section-padding{padding:0 -20px}}#sidebar{position:fixed;width:250px;top:50%;left:-200px;transform:translate(0, -50%);background:#000;z-index:10;margin:0;border-radius:20px;opacity:0.6;transition:.25s ease .25s}#sidebar ul{width:100%;margin-bottom:0;list-style:none;padding:0}#sidebar ul li{text-decoration:none;height:50px;width:100%}#sidebar ul li:first-child{margin-top:20px}#sidebar ul li:last-child{margin-bottom:20px}#sidebar .sidebar-link{display:inline-block;text-decoration:none;height:50px;width:250px;margin:0;padding:0;color:#fff}#sidebar .sidebar-link:hover{color:#1A9AFC}#sidebar .sidebar-link .sidebar-span{display:inline-block;width:200px;height:50px;padding-right:10px;text-align:right;font-size:2em}#sidebar .sidebar-link .sidebar-icon{display:inline-block;width:50px;height:50px;padding:0;font-size:2em}#sidebar:hover{left:-50px;opacity:.95}#slideout-menu{background-color:#000;position:fixed;width:200px;right:-200px;top:0;height:100%;z-index:20;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease}#slideout-menu.open{right:0 !important;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease}#slideout-menu.open #menu-button{color:#fff}#slideout-menu #menu-button{position:relative;right:75px;top:25px;cursor:pointer}#slideout-menu .logo{width:90%;margin:5%;z-index:15}#slideout-menu ul{height:100%;width:100%;padding:20px 0 0;list-style:none}#slideout-menu ul li{padding:0.25em .5em;text-decoration:none;font-size:2em;color:#1A9AFC;padding-left:10px;border-left:10px solid #000;border-right:30px solid #000}#slideout-menu ul li:hover{color:#147bc9;border-left:10px solid #1A9AFC;border-right:30px solid #1A9AFC}#slideout-menu ul li a:hover{text-decoration:none;color:#147bc9}.section{position:relative;min-height:93vh;margin-bottom:7vh;padding:10px 50px}.section .section-title{z-index:5;color:#333;font-family:'Ubuntu', Arial;font-size:3em;text-align:center;margin-top:3vh;margin-bottom:2vh}#home{height:100vh;overflow:hidden}#home #home-container{position:absolute;width:100%;top:50vh;Left:50vw;transform:translate(-50%, -50%)}#home #home-container #logo-section{border-right:3px solid black;text-align:right}#home #home-container #logo-section #home-logo{margin:40px 20px;max-width:300px;height:20vh}#home #home-container #title-section{font-family:'Share Tech Mono', monospace;color:#000;text-align:left;padding:auto}#home #home-container #title-section #home-title{display:flex;align-items:center;margin:auto 0 auto 20px;height:100%;font-size:5vh}@media only screen and (max-width: 767px){#home-container{width:80% !important;max-width:380px}#home-container #logo-section{border-right:none !important;border-bottom:3px solid black;text-align:center !important}#home-container #logo-section #home-logo{margin:0 0 20px !important;width:100%}#home-container #title-section{text-align:center !important}#home-container #title-section #home-title{display:block !important;margin:20px 0 0 !important;text-align:center !important;font-size:6vh !important}}#portfolio .project{border:1px solid #555;border-radius:10px;margin-bottom:30px}#portfolio .project .project-image{width:100%;height:auto}#portfolio .project .project-description{text-align:justify;margin-bottom:20px}#portfolio .project .card-block{padding-bottom:10px}#portfolio .project .card-icon{display:block}#portfolio .project .card-footer{display:block;width:100%;text-align:center;background:none;margin-top:10px;border-top:none;padding:5px}#portfolio .project .card-footer .prj-btn-div{display:inline-block;text-align:center;padding-left:10px;padding-right:10px;padding-bottom:10px}#portfolio .project .tech-icons{border-left:1px solid #555;text-align:right;padding:0}@media only screen and (max-width: 767px){#portfolio{padding:10px !important}}#about{margin-bottom:7vh}#about .content{position:absolute;left:50%;transform:translate(-50%, 0);max-width:150em;margin-bottom:40px;font-size:20px;font-family:Arial, sans-serif;text-align:justify}#about .content .profile-pic{max-width:300px;float:left;margin:10px 30px 20px 0}#contact{position:fixed;display:none;height:100vh;width:100vw;top:0;left:0;padding:10px;z-index:20}#contact.hide{display:none !important}#contact.show{display:block !important}#contact .contact-background{position:absolute;width:25%;min-width:300px;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;border:1px solid #555;border-radius:10px;padding:20px}#contact .contact-background .contact-title{margin:0 0 20px;text-align:center}#contact .contact-background .form-close{position:absolute;color:#ff4618;top:10px;right:5px;cursor:pointer}#contact .contact-background .form-close:hover{color:#ff2300}#contact input[type="text"],#contact input[type="date"],#contact input[type="datetime"],#contact input[type="email"],#contact input[type="number"],#contact input[type="search"],#contact input[type="time"],#contact input[type="url"],#contact input[type="password"],#contact textarea,#contact select{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;outline:none;display:block;width:100%;padding:7px;border:1px solid #555;border-radius:5px;background:#eee;margin-bottom:10px;font:16px 'Ubuntu', Arial;height:45px}#contact textarea{resize:none;overflow:hidden;height:150px}#contact input[type="button"],#contact input[type="submit"]{background-color:#1A9AFC;border:1px solid #555;display:inline-block;cursor:pointer;color:#fff;font-family:'Ubuntu', Arial;font-size:20px;padding:10px 20px;width:100%;margin-top:20px}#contact input[type="button"]:hover,#contact input[type="submit"]:hover{background-color:#147bc9}footer{background-color:#ddd;position:fixed;width:100%;bottom:0;left:0;height:7vh;padding:10px 30px 20px 30px}footer .copyright{position:absolute;display:inline-block;font-size:.7em;font-style:italic;color:#333;vertical-align:middle;margin-left:20px;margin-bottom:20px;left:0;bottom:0}footer .footer-nav{display:block;list-style:none;padding:0;text-align:center}footer .footer-nav li{display:inline-block;margin:5px;text-align:center;border-bottom:2px;padding:5px 10px}footer .footer-nav li:hover{border-bottom:2px solid #147bc9}footer .footer-nav li a{text-decoration:none}footer .signature{position:absolute;height:100%;width:auto;margin:0 20px;right:0;bottom:0}