.header-content{width:100%;flex-wrap:wrap;display:flex;position:relative}.header-content nav{width:100%;justify-content:space-between;align-items:center;margin-top:1%;margin-left:5%;margin-right:5%;display:flex}.left-stuff{align-items:center;-webkit-animation:1.5s forwards dropDown;animation:1.5s forwards dropDown;display:flex}.image-container{width:60px;height:auto;border:2px solid #333;border-radius:50%;margin-right:10px;overflow:hidden}.image-container img{width:100%;height:auto;display:block}.right-stuff{flex-wrap:wrap;justify-content:center;align-items:center;margin-left:auto;-webkit-animation:1.5s forwards dropDown;animation:1.5s forwards dropDown;display:flex}@media screen and (max-width:768px){.right-stuff{margin-top:5%}}.right-stuff button{margin-bottom:3%;margin-left:35%;right:15%}.hollow-button{color:transparent;cursor:pointer;background-color:#fff;background-image:linear-gradient(270deg,#fff,#fff);-webkit-background-clip:text;background-clip:text;-webkit-background-clip:text;border:2px solid #1b1717;border-radius:20px;padding:10px 20px;font-family:Georgia,sans-serif;font-size:1.2em;transition:background-color .3s,color .3s,-webkit-transform .3s,transform .3s;position:relative;overflow:hidden}.hollow-button:hover{background-color:gray;-webkit-transform:scale(1.1);transform:scale(1.1)}#header_title{font-family:Georgia,sans-serif;font-size:1.5em}html,body{max-width:100%;margin:0;padding:0;overflow-x:hidden}.section-1{height:100vh;color:#fff;background:linear-gradient(-45deg,#b5b0b0,#333,#c5b9b9,#333) 0 0/400% 400%;margin:0;-webkit-animation:15s infinite gradient;animation:15s infinite gradient}@-webkit-keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#centered_content{text-align:left;font-size:3em}#centered_content p{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;margin-top:-6%;font-family:Georgia,sans-serif}@media screen and (max-width:768px){#centered_content p{margin-top:-10%;font-size:30px}}#wrapper{justify-content:center;align-items:center;margin-top:8%;margin-left:5%;-webkit-animation:1.5s forwards dropDown;animation:1.5s forwards dropDown;display:flex;position:relative}.gradient-text{display:inline-block;position:relative}.letter{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;display:inline-block}.gradient-text .letter:first-child{-webkit-animation-name:animateGradient;animation-name:animateGradient;-webkit-animation-delay:0s;animation-delay:0s}.gradient-text .letter:nth-child(2){-webkit-animation-name:animateGradient;animation-name:animateGradient;-webkit-animation-delay:.5s;animation-delay:.5s}.gradient-text .letter:nth-child(3){-webkit-animation-name:animateGradient;animation-name:animateGradient;-webkit-animation-delay:1s;animation-delay:1s}.gradient-text .letter:nth-child(4){-webkit-animation-name:animateGradient;animation-name:animateGradient;-webkit-animation-delay:1.5s;animation-delay:1.5s}.gradient-text .letter:nth-child(5){-webkit-animation-name:animateGradient;animation-name:animateGradient;-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes animateGradient{0%{color:#1d1e21}50%{color:#e3e1e1}to{color:#1d1e21}}@keyframes animateGradient{0%{color:#1d1e21}50%{color:#e3e1e1}to{color:#1d1e21}}@-webkit-keyframes slideRight{0%{-webkit-transform:translate(-500%);transform:translate(-500%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes slideRight{0%{-webkit-transform:translate(-500%);transform:translate(-500%)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes dropDown{0%{-webkit-transform:translateY(-500%);transform:translateY(-500%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dropDown{0%{-webkit-transform:translateY(-500%);transform:translateY(-500%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.button-options{justify-content:space-between;align-items:center;margin-top:10%;margin-left:11%;margin-right:11%;padding-bottom:10%;-webkit-animation:1.6s ease-out forwards slideRight;animation:1.6s ease-out forwards slideRight;display:flex}@media screen and (max-width:768px){.button-options{margin-top:5%}}.section-2{color:#fff;background:#181717;margin:0}.Skills-Stuff{width:100%;margin-bottom:5%;margin-left:11%;margin-right:11%;display:inline-block}@media screen and (max-width:992px){.Skills-Stuff{margin-left:8%}}@media screen and (max-width:768px){.Skills-Stuff{margin-left:5%}}@media screen and (max-width:576px){.Skills-Stuff{margin-left:3%}}.Horizontal-Languages{flex-wrap:wrap;display:flex}#Heading_2{margin-bottom:0%;font-size:5em;transition:-webkit-transform 1s,transform 1s;-webkit-transform:translate(-300%);transform:translate(-300%)}#Heading_3{margin-top:13%;font-size:2em;transition:-webkit-transform 1s,transform 1s;-webkit-transform:translate(-300%);transform:translate(-300%)}.Logo-container{flex-direction:column;align-items:center;margin-right:5%;transition:-webkit-transform 1.5s,transform 1.5s;display:flex;-webkit-transform:translate(-8000%);transform:translate(-8000%)}.sub-heading{color:#fff;margin-top:-5%}.sub-heading-2{color:#b5b0b0;margin-top:0%;transition:-webkit-transform 1s,transform 1s;-webkit-transform:translate(-300%);transform:translate(-300%)}.Logo-container img{margin-bottom:5px}#Heading_4{text-align:right;margin-bottom:0%;margin-right:10%;font-size:5em;transition:-webkit-transform 1s,transform 1s;-webkit-transform:translate(300%);transform:translate(300%)}.section-3{background:#2a2b2b;margin:0}.Projects-Stuff{width:100%;color:#fff;margin-bottom:10%;display:inline-block}.Horizontal-Projects{flex-wrap:wrap;justify-content:center;margin-top:1%;margin-left:10%;margin-right:10%;transition:-webkit-transform 1s,transform 1s;display:flex;-webkit-transform:translate(300%);transform:translate(300%)}.project-box-container{width:500px;height:300px;border-radius:20px;justify-content:center;align-items:center;margin:50px auto 1% 2.5%;transition:-webkit-transform .3s,transform .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1)}.project-box{width:100%;height:100%;background-position:50%;background-size:cover;justify-content:center;align-items:normal;display:flex}.project-box h1{text-align:center;color:#fff;text-shadow:-1px -1px #413e3e,1px -1px #413e3e,-1px 1px #413e3e,1px 1px #413e3e;font-size:5em}.project-hover-text{text-align:left;color:#181717;margin-bottom:8%;margin-left:2%;font-family:Georgia,sans-serif;display:none;position:absolute;bottom:0;left:0}@media screen and (max-width:768px){.project-hover-text{margin-bottom:10%}}.project-hover-text h2{margin-bottom:0;padding:0;font-size:24px}.project-hover-text p{margin-top:0;padding:0;font-size:18px}.project-box-container:hover .project-hover-text{display:block}.hidden-box{width:100%;height:50px;visibility:hidden;background-color:rgba(6,6,6,.475);border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;transition:bottom .3s ease-in-out;display:flex;position:absolute;bottom:-50px;left:0}.hidden-box-left,.hidden-box-right{flex:1}.hidden-box-left{text-align:left;margin-left:2%}.hidden-box-right{text-align:right;justify-content:flex-end;gap:3px;margin-right:2%;display:flex}.tech-box{color:#000;cursor:pointer;background-color:rgba(255,255,255,.216);border:1.8px solid #000;border-radius:18px;padding:4.5px 9px;font-size:90%;text-decoration:none;transition:-webkit-transform .3s,transform .3s,background-color .3s,color .3s;display:inline-block}.tech-box:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.tech-box:active{color:#fff;background-color:rgba(255,255,255,.1);-webkit-transform:scale(1.2);transform:scale(1.2)}.project-box-metaTFT{background-image:url(../../static/metatftimg.png)}.project-box-msgme{background-image:url(../../static/msgme.png)}.project-box-faceauth{background-image:url(../../static/faceauth.png)}.project-box-dirtywar{background-image:url(../../static/tnologo.jpg)}.project-box-oveja{background-image:url(../../static/oveja.png)}.project-box-container:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.project-box-container:hover .project-box{-webkit-filter:blur(10px);filter:blur(10px)}.project-box-container:hover .hidden-box{visibility:visible;bottom:0}footer{color:#fff;width:100%;background-color:#333;padding:10px;-webkit-animation:1.6s ease-out forwards dropUp;animation:1.6s ease-out forwards dropUp;position:fixed;bottom:0}.footer-content{flex:1;justify-content:center;display:flex}.footer-content:first-child>span{margin-right:auto}.footer-content nav ul{justify-content:center;margin:0;padding:0;list-style:none;display:flex}.footer-content nav ul li a img{width:35px;height:35px}@media screen and (max-width:768px){.footer-content nav ul li a img{width:25px;height:25px}}.footer-content nav ul li{margin-right:10px}@media screen and (max-width:768px){.footer-content nav ul{margin-right:5px}}.footer-content nav ul li:last-child{margin-right:0}.left-icons{flex:1;align-items:center;margin-left:.5%;display:flex}.middle-text{text-align:center;flex:1;font-family:Georgia,sans-serif;font-size:x-small}.far-right-icon{clear:right;flex:1;margin-right:1.5%}.far-right-icon-box{float:right}.far-right-icon-box a{text-decoration:none;text-decoration:none!important}.hover-text{color:#fff;width:80px;visibility:hidden;opacity:0;background-color:rgba(0,0,0,.7);border-radius:5px;padding:5px;transition:opacity .3s;position:absolute;bottom:calc(100% + 5px);-webkit-transform:translate(-105%);transform:translate(-105%)}.far-right-icon-box:hover .hover-text{visibility:visible;opacity:1}@-webkit-keyframes dropUp{0%{-webkit-transform:translateY(1000%);transform:translateY(1000%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dropUp{0%{-webkit-transform:translateY(1000%);transform:translateY(1000%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}