@-webkit-keyframes fadein{0%{opacity:0}25%{opacity:1}100%{opacity:1}}@keyframes fadein{0%{opacity:0}25%{opacity:1}100%{opacity:1}}@-webkit-keyframes fadeindown{from{opacity:0;margin-top:-15px}to{opacity:1;margin-top:0}}@keyframes fadeindown{from{opacity:0;margin-top:-15px}to{opacity:1;margin-top:0}}@-webkit-keyframes fadeinup{0%{opacity:0;margin-top:15px}75%{opacity:.95;margin-top:0}100%{opacity:1;margin-top:0}}@keyframes fadeinup{0%{opacity:0;margin-top:15px}75%{opacity:.95;margin-top:0}100%{opacity:1;margin-top:0}}@-webkit-keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-webkit-keyframes stickylogo{0%{transform:translateX(0) translateY(0) scale(1, 1)}50%{transform:translateX(0) translateY(60px) scale(1, 1)}100%{transform:translateX(-45px) translateY(60px) scale(0.9, 1)}}@keyframes stickylogo{0%{transform:translateX(0) translateY(0) scale(1, 1)}50%{transform:translateX(0) translateY(60px) scale(1, 1)}100%{transform:translateX(-45px) translateY(60px) scale(0.9, 1)}}@-webkit-keyframes stickylogo_end{0%{transform:translateX(-45px) translateY(60px) scale(0.9, 1)}50%{transform:translateX(0) translateY(60px) scale(1, 1)}100%{transform:translateX(0) translateY(0) scale(1, 1)}}@keyframes stickylogo_end{0%{transform:translateX(-45px) translateY(60px) scale(0.9, 1)}50%{transform:translateX(0) translateY(60px) scale(1, 1)}100%{transform:translateX(0) translateY(0) scale(1, 1)}}@-webkit-keyframes modalbackground{0%{top:calc(50% - 250px);left:calc(50% - 250px);width:500px;height:500px;border-radius:250px}100%{top:calc(50% - 500px);left:calc(50% - 500px);width:1000px;height:1000px;border-radius:500px}}@keyframes modalbackground{0%{top:calc(50% - 250px);left:calc(50% - 250px);width:500px;height:500px;border-radius:250px}100%{top:calc(50% - 500px);left:calc(50% - 500px);width:1000px;height:1000px;border-radius:500px}}@-webkit-keyframes modalbackground_top{0%{top:-125px;left:calc(50% - 250px);width:500px;height:500px;border-radius:250px}100%{top:-250px;left:calc(50% - 500px);width:1000px;height:1000px;border-radius:500px}}@keyframes modalbackground_top{0%{top:-125px;left:calc(50% - 250px);width:500px;height:500px;border-radius:250px}100%{top:-250px;left:calc(50% - 500px);width:1000px;height:1000px;border-radius:500px}}@media(max-width: 767px){body #sidearrow{left:-10px;width:20px;height:20px}.container{width:90%}#content h1{font-size:3em !important}#content .portfoliobox{width:100% !important}#Modal #backcircle{display:none}.navbar-header{width:200px;max-height:90px}.navbar-header .navbar-brand{margin-left:20px}.navbar-menubar{width:40px;float:right}.navbar-menubar .hide-on-sticky{display:none}.portfoliobox .info .cim{padding-bottom:0}.portfoliobox .info .desc{padding:0 0 10px 0}body.sticky .navbar{margin-top:-150px}}@media(min-width: 768px)and (max-width: 991px){.container{width:90%}.navbar-menubar{position:absolute;width:90px;right:40px}.navbar-menubar i{font-size:1em !important}.portfoliobox .info .cim{padding-bottom:0}.portfoliobox .info .desc{padding:0 0 10px 0}body.sticky .navbar{margin-top:-150px}}@media(min-width: 992px)and (max-width: 1199px){.navbar .navbar-menubar{float:right}@-webkit-keyframes stickycontainer_laptop_start{0%{width:970px}100%{width:100%}}@keyframes stickycontainer_laptop_start{0%{width:970px}100%{width:100%}}@-webkit-keyframes stickycontainer_laptop_end{0%{width:100%}100%{width:970px}}@keyframes stickycontainer_laptop_end{0%{width:100%}100%{width:970px}}body.sticky .navbar .navigate .container{-webkit-animation:stickycontainer_laptop_start .25s;animation:stickycontainer_laptop_start .25s;width:100%}body.sticky-end .navbar .navigate .container{-webkit-animation:stickycontainer_laptop_end .25s;animation:stickycontainer_laptop_end .25s;width:970px}.portfoliobox .info .cim{padding-bottom:0}.portfoliobox .info .desc{padding:0 0 15px 0}}@media(min-width: 992px)and (max-width: 3000px){@-webkit-keyframes stickynavigate_start{0%{padding:50px 0 0 0}100%{padding:45px 0 0 0}}@keyframes stickynavigate_start{0%{padding:50px 0 0 0}100%{padding:45px 0 0 0}}@-webkit-keyframes stickynavigate_end{0%{padding:45px 0 0 0}100%{padding:50px 0 0 0}}@keyframes stickynavigate_end{0%{padding:45px 0 0 0}100%{padding:50px 0 0 0}}body.sticky .navbar{background:rgba(0,0,0,0)}body.sticky .navbar .navigate{-webkit-animation:stickynavigate_start .25s;animation:stickynavigate_start .25s;padding:45px 0 0 0}body.sticky .navbar .navigate .container{border-bottom:none}body.sticky .navbar .navigate .container .navbar-header{opacity:.8}body.sticky .navbar .navigate .container .navbar-header .navbar-brand #logo{display:none}body.sticky .navbar .navigate .container .navbar-header .navbar-brand #stickylogo #j{-webkit-animation:stickylogo .35s;animation:stickylogo .35s;transform:translateX(-45px) translateY(60px) scale(0.9, 1)}body.sticky .navbar .navigate .container .navbar-menubar #aboutme{position:fixed;top:10px;right:10px;padding:0;border:none;background:rgba(0,0,0,0)}body.sticky .navbar .navigate .container .navbar-menubar #aboutme i{font-size:20px;color:blue}body.sticky .navbar .navigate .container .navbar-menubar .hide-on-sticky{display:none}body.sticky-end .navbar .navigate{-webkit-animation:stickynavigate_end .25s;animation:stickynavigate_end .25s;padding:50px 0 0 0}body.sticky-end .navbar .navigate .container .navbar-brand #logo{display:block}body.sticky-end .navbar .navigate .container .navbar-brand #stickylogo #j{-webkit-animation:stickylogo_end .2s;animation:stickylogo_end .2s;transform:translateX(0) translateY(0) scale(1, 1)}}@media(min-width: 1200px)and (max-width: 3000px){@-webkit-keyframes stickycontainer_desktop_start{0%{width:1170px}100%{width:100%}}@keyframes stickycontainer_desktop_start{0%{width:1170px}100%{width:100%}}@-webkit-keyframes stickycontainer_desktop_end{0%{width:100%}100%{width:1170px}}@keyframes stickycontainer_desktop_end{0%{width:100%}100%{width:1170px}}body.sticky .navbar .navigate .container{-webkit-animation:stickycontainer_desktop_start .25s;animation:stickycontainer_desktop_start .25s;width:100%}body.sticky-end .navbar .navigate .container{-webkit-animation:stickycontainer_desktop_end .25s;animation:stickycontainer_desktop_end .25s;width:1170px}}