@import url(https://fonts.googleapis.com/css2?family=Merriweather&family=Merriweather+Sans&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:merriweather,serif;font-size:16px;margin:0;padding:0;text-decoration:none}body{background-color:#1d2731}button{cursor:pointer}a,a:active,a:hover,a:visited{color:inherit}div .btn{background-color:#0b3c5d;border-color:#32bcc1;border-radius:9px;border-style:solid;color:#d9b310;cursor:pointer;font-family:merriweather,serif;font-size:1rem;width:100%}div .btn:hover{background-color:#1d2731}h3{font-size:2rem}.container{background-color:#1d2731;border:2px solid #d9b310;color:#32bcc1;margin:0 auto;width:80vw}section{position:relative}.section-heading{animation-timeline:view();animation-range:50px 300px;-webkit-animation:fadeIn linear forwards;animation:fadeIn linear forwards;color:#d9b310;font-size:2rem;opacity:0;padding:2rem 0;text-align:center}.light-section{background-color:#1d2731;color:#32bcc1;padding:3rem 2rem}.dark-section{background-color:#1d2731;color:#d9b310;padding:2rem}@-webkit-keyframes fadeIn{to{opacity:1}}@keyframes fadeIn{to{opacity:1}}nav{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#d9b310;color:#0b3c5d;position:fixed;width:100vw;z-index:1}nav #logo-container{align-items:center;display:flex;width:66%}nav #logo-container #logo{align-items:center;display:flex;gap:1.5rem}nav #logo-container #logo p{font-size:2rem;width:100%}nav #logo-container #logo img{border:1px solid #23db99;border-radius:9px;width:3rem}nav .dropdown{display:flex;flex-direction:column;justify-content:center}#nav-list{display:flex;justify-content:space-between}#nav-list li{cursor:pointer;font-size:2rem;line-height:2;padding:1rem;text-align:center;transition:background-color .5s;width:100px}#nav-list li,#nav-list li a{display:flex;justify-content:center}#nav-list li a{align-items:center;font-family:merriweather-sans,sans-serif;font-size:large;height:100%;width:100%}#nav-list li:hover{background-color:#1d2731;color:#32bcc1}#nav-list .dropdown-content a{padding:1rem}#nav-list .dropdown-content a:last-child{padding:.5rem 2rem;text-align:center}@media (max-width:850px){nav{padding:0 0 1rem}nav .dropdown{padding-top:1rem}#nav-header{display:flex;justify-content:space-between}#nav-header p{cursor:pointer;font-size:1.5rem;text-align:center}#nav-list{display:flex;flex-direction:column;height:380px;left:0;opacity:1;top:150px;width:100vw;z-index:1}#nav-list li{height:75px;text-align:left}#nav-list li,#nav-list li a{justify-content:left;width:100%}#nav-list li a{align-items:center;display:flex;height:100%}#nav-list.hidden{height:0;opacity:0;padding:0;top:0;visibility:hidden}.toggle{background:transparent;border:none;cursor:pointer;display:flex;height:45px;margin-left:5px;margin-top:5px;position:relative;transition:.5s ease-in-out;width:40px;z-index:3}.toggle,.toggle span{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.toggle span{background-color:#0b3c5d;border-radius:9px;display:block;height:6px;position:absolute;transition:.25s ease-in-out;width:100%}.toggle span:first-child{top:0}.toggle span:nth-child(2),.toggle span:nth-child(3){top:18px}.toggle span:nth-child(4){top:36px}.toggle.open span:first-child,.toggle.open span:nth-child(4){left:50%;top:18px;width:0}.toggle.open span:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.toggle.open span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.toggle:hover{background-color:initial}}@media (min-width:850px){.toggle{display:none}nav{padding:0 2rem}nav .dropdown{align-items:center;flex-direction:row;justify-content:space-between}nav #logo-container{width:100%}}#about{margin:0 auto;padding:4rem 1rem;width:80vw}.tony-img{border:5px solid #d9b310;border-radius:50%;height:25vw;width:25vw}.sub-heading{font-family:merriweather-sans,sans-serif;font-size:2.5rem;text-align:center}.about-container{align-items:center;display:flex;gap:2rem}.about-container .heading-container{display:flex;flex-direction:column;gap:1rem;padding:1rem 2rem;width:100%}.about-container .heading-container .sub-heading{font-size:1.5rem;text-align:left}.name{font-size:4rem}.about-me{color:rgba(50,188,193,.85);font-family:merriweather-sans,sans-serif;font-size:1rem;font-weight:lighter;padding:2rem 0}#skills-wrapper{display:flex;gap:1rem;justify-content:flex-start;text-align:left}#skills-heading{font-size:1rem;font-weight:700}.skills-list{color:rgba(50,188,193,.85);list-style:none}.skills-list li{align-items:center;display:flex;font-family:merriweather-sans,sans-serif;padding:.5rem 0}.icon{color:#d9b310;font-size:1rem;padding-right:20px;width:1rem}@media (max-width:850px){#about{justify-content:center}.about-container{align-items:center;flex-direction:column;padding:3rem 0}.about-container .tony-img{height:33vw;width:33vw}.about-container .heading-container{padding:1rem;text-align:center}.about-container .heading-container .name{font-size:3rem}.about-container .heading-container .sub-heading{font-size:1.5rem;text-align:center}#skills-wrapper{display:flex;gap:1rem;justify-content:center;text-align:left}}.card{border-radius:15px;box-shadow:0 0 10px 0 #0b3c5d;display:flex;gap:1rem;padding:1rem;transition:background-color .5s}.card:hover{background-color:rgba(61,96,119,.612)}.card .card-content{display:flex;flex-direction:column;gap:1rem;width:100%}.card .card-content h2{color:#d9b310;font-size:1.5rem;font-weight:lighter}.card p{color:rgba(50,188,193,.85);font-family:merriweather-sans,sans-serif;font-size:1rem;font-weight:lighter}.card ul{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));list-style:none;margin:0}img,video{border:5px solid #d9b310;border-radius:10px;cursor:pointer;object-fit:cover;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.tech-item{background-color:rgba(50,188,193,.45);border:1px solid #d9b310;border-radius:15px;color:#32bcc1;display:flex;font-family:merriweather-sans,sans-serif;font-size:.8rem;font-weight:500;margin-right:.5rem;padding:.5rem 1rem}#featured,.tech-item{gap:2rem;justify-content:center}#featured{grid-gap:2rem;align-items:center;display:grid;grid-template-columns:40vw 40vw;margin:2rem 0}#featured img,#featured video{height:100%;width:500px}#other{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;margin:2rem 0}#other .card{gap:2rem;justify-content:space-between;padding:20px;width:80vw}#other img,#other video{height:100%;width:15vw}.card-links{align-items:center;display:flex;gap:1rem;justify-content:flex-start}@media (max-width:850px){#featured,#other{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center}#featured .card,#other .card{flex-direction:column;gap:1rem;padding:20px;width:100%}#featured img,#featured video,#other img,#other video{width:100%}}@media (min-width:850px){#featured{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:40vw 40vw;justify-content:center}#featured .card{flex-direction:column;gap:1rem;height:37vw;padding:20px;width:37vw}#featured p{height:3rem}#featured img,#featured video{height:20vw}}#featured .card{animation-timeline:view();animation-range:200px 450px;-webkit-animation:fadeInFeature linear forwards;animation:fadeInFeature linear forwards;opacity:0;-webkit-transform:translateY(150px);transform:translateY(150px)}@-webkit-keyframes fadeInFeature{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInFeature{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#other .card{animation-timeline:view();animation-range:100px 300px;-webkit-animation:fadeInOther linear forwards;animation:fadeInOther linear forwards;opacity:0;-webkit-transform:translateX(-50vw);transform:translateX(-50vw)}@-webkit-keyframes fadeInOther{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInOther{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.contact-form{background-color:initial;border-radius:10px;display:flex;flex-direction:column;gap:.5rem;justify-content:center;margin:0 auto;padding:.2rem;width:80vw}.contact-form button{background-color:#d9b310;border:none;border-radius:10px;color:#0b3c5d;font-size:1rem}.contact-form button,.form-control{font-family:merriweather-sans,sans-serif;padding:.5rem}.form-control{background-color:initial;border:1px solid #d9b310;border-radius:10px;color:#d3d8f1}.form-control::-webkit-input-placeholder{color:rgba(217,179,16,.45)}.form-control::placeholder{color:rgba(217,179,16,.45)}#message{height:7rem}#social-section{display:flex;justify-content:center;padding:50px 0;text-align:center}#social-bar{align-items:center;display:flex;font-size:2rem;justify-content:space-between;max-width:500px;width:100%}#social-bar i{font-size:2rem;text-decoration:none;transition:color .3s ease}#social-bar i:hover{color:#32bcc1}.modal{align-items:stretch;background-color:#1d2731;border:1px solid #d9b310;border-radius:.5rem;bottom:50%;box-shadow:0 0 .5rem .25rem rgba(0,0,0,.1);color:#d9b310;flex-direction:column;left:50%;padding:2rem;position:fixed;right:auto;top:auto;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.modal-header{font-size:2rem;font-weight:700;justify-content:space-between;margin-bottom:1rem;text-align:center}.modal-body,.modal-header{align-items:center;display:flex}.modal-body{flex-direction:column;flex-grow:1;font-family:merriweather-sans,sans-serif;justify-content:flex-end;padding:20px}.modal-close-btn{background-color:#d9b310;border:1px solid #1d2731;border-radius:.5em;color:#1d2731;font-size:1em;padding:.5em;width:100%}.modal::-webkit-backdrop{background:rgba(0,0,0,.5)}.modal::backdrop{background:rgba(0,0,0,.5)}
/*# sourceMappingURL=main.5ef4fb50.css.map*/