:root{--backgroundColor:#0b090a;--subtleBackgroundColor:#161a1d;--highlightBackgroundColor:#2e3436;--titleColor:#fcfcfc;--textColor:#f5f3f4;--subtleTextColor:#737373;--red1:#ba181b;--small-icon-size:3rem}html{overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:8rem}body{background-color:#0b090a;background-color:var(--backgroundColor)}.App{align-content:center;align-items:center;background:#0b090a;background:var(--backgroundColor);color:#f5f3f4;color:var(--textColor);font-family:Arial,Helvetica,sans-serif;justify-content:center;margin:1rem;text-align:center}p{line-height:2rem;text-align:justify}.App-navbar{background:#0b090a;background:var(--backgroundColor)}.Navbar-Container{z-index:10}a{color:#f5f3f4;color:var(--textColor);text-decoration:none}a:hover{text-decoration:underline}header{align-items:center;display:flex;height:100vh;justify-content:center}h1{color:#fcfcfc;color:var(--titleColor);font-family:Times New Roman,serif;font-size:10rem}#Winston{color:#ba181b;color:var(--red1)}main{align-items:center;background:#161a1d;background:var(--subtleBackgroundColor);display:flex;flex-direction:column;padding:2rem}.About{text-align:left;width:50%}.tech-stack ul{align-items:end;display:flex;flex-wrap:wrap;justify-content:space-evenly;list-style-type:none}.techIcon{align-items:center;display:flex;flex-direction:column}.SocialMedia-link,.techIcon{transition:transform .2s}.techIcon:hover{transform:scale(1.1)}hr{width:55rem}h2{text-align:center}.SocialMedia-container{margin-bottom:1rem;margin-top:1rem}.link-container{display:flex;flex-direction:row;justify-content:space-evenly}.languageIcon{width:3rem;width:var(--small-icon-size)}.coding-projects-container{width:50%}.code-project{align-items:center;border:1px solid #737373;border:1px solid var(--subtleTextColor);border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem}.code-project>*{color:#737373;color:var(--subtleTextColor);margin:1rem}.code-project:hover>*{color:#f5f3f4;color:var(--textColor)}.card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;text-align:center;transition:all .5s}.card:hover{transform:scale(1.05)}.card:active{transform:scale(.95)}#react{display:flex;flex-direction:column;text-align:center;width:50%}.FilmInformation{padding:1rem 0;visibility:collapse}iframe{height:30rem;width:90%}.footer-container a,brainMade{margin-left:3rem;margin-right:3rem}#brainMade{width:8rem}.menu__link{color:#fff;line-height:2;position:relative}.menu__link:before{background-color:#fff;border-radius:2px;bottom:-.25rem;content:"";height:5px;position:absolute;right:0;transition:right .8s,width .8s,left .8s;width:0}.menu__link:hover:before{left:0;width:100%}.FilmInformation{align-items:center;background-color:var(--highlightBackgroundColor);border:1px solid var(--highlightBackgroundColor);border-radius:5px;display:flex;flex-flow:column;width:50%}.videoFrameContainer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;width:90%}.videoFrameContainer>*{margin-left:1rem;margin-right:1rem}.makeOfDescContainer{align-items:flex-start;display:flex;flex-direction:column}.makeOfDescContainer>*{text-align:left}#descriptionContainer{width:50%}#description,#directorContainer>*{margin-top:0}.videoFrameText,.videoFrameh4{display:inline}@media (max-width:1100px){h1{font-size:3rem}h3{text-align:center}.Navbar-Container{padding:1rem 0!important}.Navbar-Container a{padding:.25rem .1rem}hr{width:100%}.About{width:90%}.tech-stack ul{align-items:start;padding:0}.tech-stack ul li{width:50%}.techIcon p{text-align:center}#engFlag,#espFlag,#gerFlag{width:25%}.projects-container{width:90%!important}.card{width:40%!important}.Film-Container,.Poster-Image{width:100%!important}.coding-projects-container{width:90%}.SocialMedia-container{width:90%!important}.FilmInformation{align-items:start;width:100%}.FilmInformation>*{margin:.1rem}iframe{height:20rem!important;margin:1rem 0!important;padding:0!important;width:100%!important}.videoFrameContainer{flex-flow:column nowrap}#descriptionContainer,#filmName{width:100%}#filmName{text-align:center}.footer-container a{margin-left:.2rem;margin-right:.2rem;width:25%}#brainMade{width:100%!important}.code-project h3{text-align:left}}
/*# sourceMappingURL=main.d7fbcf6d.css.map*/