diff --git a/index.html b/index.html index b4a768b..09c8106 100644 --- a/index.html +++ b/index.html @@ -1,16 +1,16 @@ Portfolio | András Schmelczer \ No newline at end of file +@font-face{font-family:"Comfortaa";font-style:normal;font-weight:400;font-display:swap;src:local(""),url(04d2b916.woff2) format("woff2"),url(29092020.woff) format("woff")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:local(""),url(a1535f45.woff2) format("woff2"),url(7958f4e4.woff) format("woff")}:root{--transition-time: 200ms;--transition-time-long: 300ms;--line-width: 4px;--line-height: 18px;--accent-color: #b7455e;--sun-color: #f7f78c;--very-light-text-color: #ffffff;--background: #ffffff;--normal-text-color: #31343f;--card-color: #ffffff;--blurred-card-color: transparent;--blur-radius: 16px;--special-text-color: var(--accent-color)}@media(min-width: 700px){:root{--border-radius: 15px;--large-margin: 80px;--normal-margin: 45px;--small-margin: 25px;--shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.2);--inset-shadow: inset 0 -9px 7px -7px rgb(0, 0, 0, 0.15);--icon-size: 45px;--large-icon-size: 60px;--body-width: min(80%, 830px)}}@media(max-width: 699px){:root{--border-radius: 10px;--large-margin: 60px;--normal-margin: 30px;--small-margin: 15px;--shadow: 0 0 10px 2px rgba(0, 0, 0, 0.075), 0 0 1px rgba(0, 0, 0, 0.125);--inset-shadow: inset 0 -9px 7px -7px rgb(0, 0, 0, 0.15);--icon-size: 35px;--large-icon-size: 55px;--body-width: 90%}}html[theme=dark]{--background: #242638;--normal-text-color: #ffffff;--card-color: #263551;--blurred-card-color: #212f4a77;--blur-radius: 30px;--special-text-color: #ffffff;--inset-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.25), inset 0 0 1px rgba(0, 0, 0, 0.4)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}@media(prefers-reduced-motion){*,*::before,*::after{transition:none !important;animation:none !important}}html[animations=off],html[animations=off] *,html[animations=off] *::before,html[animations=off] *::after{transition:none !important;animation:none !important}button{border:none;background:none}a{text-decoration:none}html{height:100%;overflow:hidden}@media(min-width: 700px)and (max-width: 999px){html{transform:scale(0.8);transform-origin:top center;height:125%;margin:0 -12.5%}}@media(min-width: 1000px)and (max-width: 1440px){html{transform:scale(0.875);transform-origin:top center;height:114.2857142857%;margin:0 -7.1428571429%}}@media(max-width: 699px){html{font-size:.8rem}}@media print{html{font-size:.7rem}}body{background-color:var(--background);transition:background-color linear var(--transition-time);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);height:100%}@media print{body{height:auto}}svg{stroke:var(--normal-text-color)}p{font:400 1.1rem "Open Sans",sans-serif;color:var(--normal-text-color);line-height:1.8;hyphens:auto;transition:color var(--transition-time)}noscript{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font:400 1.75rem "Comfortaa",sans-serif;color:var(--normal-text-color);hyphens:auto;transition:color var(--transition-time)}.start-button{display:block;box-sizing:content-box;cursor:pointer;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:calc(var(--large-icon-size) + var(--normal-margin)*2);height:calc(var(--large-icon-size) + var(--normal-margin)*2);transform:translate3d(-50%, -50%, 0.00001px)}.start-button:hover svg{transform:translateX(-50%) translateY(-50%) scale(1.15)}.start-button svg{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:var(--large-icon-size);height:var(--large-icon-size);transition:transform var(--transition-time);transform-origin:center center}.start-button:hover svg{box-shadow:var(--shadow)}.start-button svg{border-radius:10000px;backdrop-filter:blur(var(--blur-radius));-webkit-backdrop-filter:blur(var(--blur-radius));transition:transform var(--transition-time),box-shadow var(--transition-time)}@supports not ((backdrop-filter: blur(var(--blur-radius))) or (-webkit-backdrop-filter: blur(var(--blur-radius)))){.start-button svg{background-color:var(--card-color)}}.start-button.inverted svg{fill:var(--accent-color)}.figure-container{font-size:0;box-shadow:var(--inset-shadow);border-radius:var(--border-radius) var(--border-radius) 0 0;pointer-events:none;position:relative}.figure-container *{pointer-events:auto}.figure-container .image,.figure-container video,.figure-container iframe{z-index:-1;position:absolute;top:0;left:0;height:100%;width:100%}video,iframe{transform:translate3d(0, 0, 0.00001px)}.image,video,iframe{user-select:none}:focus{outline:none}:focus:not(:hover){outline:var(--accent-color) solid var(--line-width)}::selection{background-color:var(--accent-color);color:var(--very-light-text-color)} + \ No newline at end of file