index.html

<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="utf-8">
    <title>Bertuz</title>
    <meta name="author" content="Matteo Bertamini">
    <meta name="description" content="Matteo Bertamini's web page, fullstack developer. Living between Madrid and Italy.">
    <link rel="icon" href="/logo.ico" type="image/x-icon">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Alegreya&family=Comfortaa&family=Indie+Flower&family=Sawarabi+Mincho&display=swap" rel="stylesheet">
    <style>
        body {
            margin: 0;
            padding: 0;
            background-color: #EBAB26;
        }

        .content {
            display: flex;

            height: calc(100vh);
            width: 100%;
            margin:0;
            padding: 0;
        }
        .sx {
            flex-grow: 1;
            background-color: #C9A2EB;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .dx {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-items: stretch;
            justify-content: flex-start;
            overflow-y: scroll;
        }

        @media (max-width: 600px) {
            .sx {
                display: none;
            }
        }

        @media only screen
        and (max-device-width: 600px) {
            .sx {
                display: none;
            }
        }


        svg {
            background-color: transparent;
        }

        svg path {
            fill:#1f1e1b  !important;
        }

        #svg5 path {
            animation-duration: 3s;
            animation-name: slidein;
            animation-direction: alternate;
            animation-iteration-count: infinite;
        }

        @keyframes slidein {
            from {
                d: path("m 87.164191,147.58787 c -16.962434,2.19594 -18.076051,34.05388 0.710742,31.77694 10.206037,-1.23701 21.098227,-9.88631 19.809987,-21.06567 -0.36163,-3.13855 -1.29243,-6.24963 -3.94889,-8.24184 -4.023992,-3.01779 -8.753013,-2.26805 -13.377753,-1.96639 -1.12896,.0736 -2.069712,-0.64859 -3.194086,-0.50304 m -2.111481,2.24461 c 1.638371,1.62475 4.329325,0.30917 6.35,-0.1195 3.474085,-0.73701 8.02573,-0.95971 10.83402,1.65066 12.39499,11.52123 -6.405565,29.42015 -19.300686,26.20462 -8.564633,-2.13565 -9.268058,-15.94517 -5.302568,-22.09134 1.691041,-2.62096 4.655468,-4.35409 7.419234,-5.64444 m 7.055556,5.64444 1.763889,-1.05833 h 0.352778 c 0.657966,1.30521 1.379819,1.65509 2.822222,1.76389 -0.580919,-3.45419 -4.117199,-4.94902 -4.938889,-0.70556 m -9.877778,2.82222 c 1.25596,0.19312 1.559031,-0.17988 1.763889,-1.41111 h 0.352778 l 1.411111,1.05834 c 0.410069,-1.2276 -0.623746,-4.60867 -2.289528,-2.53016 -0.843738,0.54631 -1.030958,1.98991 -1.23825,2.88293 m 22.225002,0.35278 .35278,0.35278 -0.35278,-0.35278 m -10.936113,4.23334 0.352778,0.35277 -0.352778,-.35277 m 9.407423,0.11758 0.23516,0.11761 -0.23516,-0.11761 m -1.99909,1.29353 1.05833,-0.70556 -1.05833,0.70556 m -5.644444,-0.35278 c -1.366026,4.95448 -6.446571,8.33921 -8.113889,2.46944 -1.62814,1.70286 -0.0028,4.57842 2.118043,5.13733 3.389136,0.8932 8.153541,-4.6403 5.995846,-7.60677 m 6.467584,2.70464 0.11761,0.23516 -0.11761,-0.23516 m 0.23519,1.88147 0.35278,0.35278 -0.35278,-0.35278 m -7.055551,2.46945 0.352778,0.35277 -0.352778,-0.35277 m 5.644441,0 0.35278,0.35277 -0.35278,-0.35277 m -11.994441,3.52777 1.411111,-1.05833 -1.411111,1.05833 m 0,1.41111 0.352778,0.35278 -0.352778,-0.35278 m 2.469445,0 0.352777,0.35278 -0.352777,-0.35278");
            }

            to {
                d: path("m 87.164191,147.58787 c -16.962434,2.19594 -18.076051,34.05388 0.710742,31.77694 10.206037,-1.23701 21.098227,-9.88631 19.809987,-21.06567 -0.36163,-3.13855 -1.29243,-6.24963 -3.94889,-8.24184 -4.023992,-3.01779 -8.753013,-2.26805 -13.377753,-1.96639 -1.12896,.0736 -2.069712,-0.64859 -3.194086,-0.50304 m -2.111481,2.24461 c 1.638371,1.62475 4.329325,0.30917 6.35,-0.1195 3.474085,-0.73701 8.02573,-0.95971 10.83402,1.65066 12.39499,11.52123 -6.405565,29.42015 -19.300686,26.20462 -8.564633,-2.13565 -9.268058,-15.94517 -5.302568,-22.09134 1.691041,-2.62096 4.655468,-4.35409 7.419234,-5.64444 m 7.055556,5.64444 1.763889,-1.05833 h 0.352778 c 0.657966,1.30521 1.379819,1.65509 2.822222,1.76389 -0.580919,-3.45419 -4.117199,-4.94902 -4.938889,-0.70556 m -9.877778,2.82222 c 1.25596,0.19312 1.559031,-0.17988 1.763889,-1.41111 h 0.352778 l 1.411111,1.05834 c 0.410069,-1.2276 -0.623746,-4.60867 -2.289528,-2.53016 -0.843738,0.54631 -1.030958,1.98991 -1.23825,2.88293 m 22.225002,0.35278 .35278,0.35278 -0.35278,-0.35278 m -10.936113,4.23334 0.352778,0.35277 -0.352778,-.35277 m 9.407423,0.11758 0.23516,0.11761 -0.23516,-0.11761 m -1.99909,1.29353 1.05833,-0.70556 -1.05833,0.70556 m -5.644444,-0.35278 c -1.366026,4.95448 -9.446571,8.33921 -8.113889,2.46944 -1.62814,1.70286 -0.0028,4.57842 2.118043,5.13733 3.389136,0.8932 8.153541,-9.6403 5.995846,-7.60677 m 6.467584,2.70464 0.11761,0.23516 -0.11761,-0.23516 m 0.23519,1.88147 0.35278,0.35278 -0.35278,-0.35278 m -9.055551,2.46945 0.352778,0.35277 -0.352778,-0.35277 m 5.644441,0 0.35278,0.35277 -0.35278,-0.35277 m -11.994441,3.52777 1.411111,-1.05833 -1.411111,1.05833 m 0,5.41111 0.352778,0.35278 -0.352778,-0.35278 m 2.469445,0 0.352777,0.35278 -0.352777,-0.35278");
            }
        }

        #presentation-image {
            animation-duration: 3s;
            animation-name: nodface;
            animation-direction: alternate;
            animation-iteration-count: infinite;
        }

        @keyframes nodface {
            from {
                margin-top: 0px;
            }

            to {
                margin-top: 10px;
            }
        }

    </style>
</head>

<body>

<div class="content">
    <aside class="sx">
        <svg  width="250px" height="250px" id="presentation-image">
            <svg
                    width="250px"
                    height="250px"
                    viewBox="0 0 33.675919 31.912769"
                    version="1.1"
                    id="svg5"
                    inkscape:version="1.1.2 (b8e25be8, 2022-02-05)"
                    sodipodi:docname="test.svg"
                    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
                    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
                    xmlns="http://www.w3.org/2000/svg"
                    xmlns:svg="http://www.w3.org/2000/svg">
                <sodipodi:namedview
                        id="namedview7"
                        pagecolor="#ff0000"
                        bordercolor="#666666"
                        borderopacity="1.0"
                        inkscape:pageshadow="2"
                        inkscape:pageopacity="0"
                        inkscape:pagecheckerboard="0"
                        inkscape:document-units="mm"
                        showgrid="false"
                        fit-margin-top="0"
                        fit-margin-left="0"
                        fit-margin-right="0"
                        fit-margin-bottom="0"
                        inkscape:lockguides="false"
                        inkscape:zoom="6.4960711"
                        inkscape:cx="76.892631"
                        inkscape:cy="47.259335"
                        inkscape:window-width="2560"
                        inkscape:window-height="1440"
                        inkscape:window-x="1440"
                        inkscape:window-y="0"
                        inkscape:window-maximized="0"
                        inkscape:current-layer="layer1" />
                <defs
                        id="defs2" />
                <g
                        inkscape:label="Layer 1"
                        inkscape:groupmode="layer"
                        id="layer1"
                        transform="translate(-74.113176,-147.56844)">
                    <path
                            style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.352778"
                            d="m 87.164191,147.58787 c -16.962434,2.19594 -18.076051,34.05388 0.710742,31.77694 10.206037,-1.23701 21.098227,-9.88631 19.809987,-21.06567 -0.36163,-3.13855 -1.29243,-6.24963 -3.94889,-8.24184 -4.023992,-3.01779 -8.753013,-2.26805 -13.377753,-1.96639 -1.12896,0.0736 -2.069712,-0.64859 -3.194086,-0.50304 m -2.111481,2.24461 c 1.638371,1.62475 4.329325,0.30917 6.35,-0.1195 3.474085,-0.73701 8.02573,-0.95971 10.83402,1.65066 12.39499,11.52123 -6.405565,29.42015 -19.300686,26.20462 -8.564633,-2.13565 -9.268058,-15.94517 -5.302568,-22.09134 1.691041,-2.62096 4.655468,-4.35409 7.419234,-5.64444 m 7.055556,5.64444 1.763889,-1.05833 h 0.352778 c 0.657966,1.30521 1.379819,1.65509 2.822222,1.76389 -0.580919,-3.45419 -4.117199,-4.94902 -4.938889,-0.70556 m -9.877778,2.82222 c 1.25596,0.19312 1.559031,-0.17988 1.763889,-1.41111 h 0.352778 l 1.411111,1.05834 c 0.410069,-1.2276 -0.623746,-3.60867 -2.289528,-2.53016 -0.843738,0.54631 -1.030958,1.98991 -1.23825,2.88293 m 13.052778,5.64445 c -1.366026,4.95448 -5.446571,8.33921 -8.113889,2.46944 -1.62814,1.70286 -0.0028,4.57842 2.118043,5.13733 3.389136,0.8932 8.153541,-4.6403 5.995846,-7.60677 m -4.233332,11.99444 c 0.390915,0.39092 0.390915,0.39092 0,0"
                            id="path21"
                            sodipodi:nodetypes="cccsccccccccccccccccccccccccc" />
                    <path
                            style="opacity:0.79;fill:#e3dbdb;fill-opacity:1;stroke:#000000;stroke-width:0.135443"
                            d=""
                            id="path5824"
                            transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
                    <path
                            style="opacity:0.79;fill:#e3dbdb;fill-opacity:1;stroke:#000000;stroke-width:0.135443"
                            d=""
                            id="path5863"
                            transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
                    <path
                            style="opacity:0.79;fill:#e3dbdb;fill-opacity:1;stroke:#000000;stroke-width:0.135443"
                            d=""
                            id="path5902"
                            transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
                    <path
                            style="opacity:0.79;fill:#e3dbdb;fill-opacity:1;stroke:#000000;stroke-width:0.135443"
                            d=""
                            id="path5941"
                            transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
                    <path
                            style="opacity:0.79;fill:#e3dbdb;fill-opacity:1;stroke:#000000;stroke-width:0.135443"
                            d=""
                            id="path5980"
                            transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
                    <path
                            style="opacity:0.79;fill:#808080;fill-opacity:1;stroke:#000000;stroke-width:0.135443"
                            d=""
                            id="path6097"
                            transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
                    <path
                            style="opacity:0.79;fill:#808080;fill-opacity:1;stroke:#000000;stroke-width:0.135443"
                            d=""
                            id="path6212"
                            transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
                    <path
                            style="opacity:0.79;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.000902952;stroke-miterlimit:4;stroke-dasharray:none"
                            d="m 59.368185,90.959219 c -0.04927,-0.0057 -0.237413,-0.02496 -0.418086,-0.04288 -3.103629,-0.307957 -6.398781,-2.204867 -8.772625,-5.05011 -1.842432,-2.208303 -2.999362,-4.797397 -3.26227,-7.300634 -0.05478,-0.521576 -0.06233,-1.53025 -0.01494,-1.996142 0.168802,-1.659466 0.74111,-3.143054 1.716494,-4.449645 0.319029,-0.427361 0.702902,-0.863042 0.732456,-0.83131 0.01281,0.01375 0.100407,0.192982 0.194667,0.398292 1.5297,3.331882 3.525686,6.291667 5.481393,8.128185 3.253006,3.054754 6.814575,3.896666 10.569401,2.498481 0.460917,-0.171632 1.324064,-0.582611 1.806728,-0.860257 1.672986,-0.962361 3.351383,-2.401696 4.893982,-4.196909 2.571999,-2.993184 4.782655,-6.900164 6.46322,-11.422701 0.38724,-1.042094 0.954153,-2.782712 1.186614,-3.643319 0.02884,-0.106762 0.06189,-0.204892 0.07344,-0.218068 0.03884,-0.04429 0.607876,0.866021 0.874889,1.399584 1.790148,3.577184 1.476052,8.157231 -0.890749,12.988606 -2.749978,5.613558 -7.90191,10.694755 -13.297399,13.114829 -1.799784,0.807268 -3.560096,1.290675 -5.310625,1.458374 -0.418141,0.04006 -1.753921,0.05695 -2.026596,0.02563 z"
                            id="path7542"
                            transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
                    <path
                            style="opacity:0.79;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.000902952;stroke-miterlimit:4;stroke-dasharray:none"
                            d="m 58.935168,90.901335 c -0.549936,-0.06542 -0.908685,-0.130415 -1.408888,-0.25524 -3.231748,-0.806478 -6.36673,-3.133663 -8.402699,-6.237556 -1.358331,-2.070815 -2.121649,-4.264381 -2.223225,-6.388932 -0.06205,-1.297912 0.0818,-2.380266 0.465099,-3.499289 0.377203,-1.101239 1.044627,-2.222556 1.833649,-3.080652 l 0.135697,-0.147577 0.356053,0.742353 c 2.146641,4.475642 4.648822,7.671074 7.343731,9.378376 2.392178,1.515514 4.887922,1.931111 7.499946,1.248908 1.604511,-0.419062 3.242646,-1.276653 4.804047,-2.514999 1.250609,-0.991856 2.601655,-2.371833 3.737132,-3.817158 2.842561,-3.618237 5.210763,-8.424409 6.772758,-13.745053 0.08823,-0.300543 0.172694,-0.548608 0.187694,-0.551254 0.03947,-0.007 0.331288,0.434858 0.608533,0.921348 0.685625,1.203093 1.11284,2.546298 1.305096,4.103368 0.07412,0.600298 0.07507,2.177862 0.0017,2.822079 -0.262197,2.30216 -0.95524,4.49636 -2.169448,6.868553 -1.92685,3.764486 -4.925278,7.292584 -8.438689,9.929375 -3.302971,2.478859 -6.756611,3.948919 -9.959401,4.239273 -0.486508,0.04411 -2.02848,0.03408 -2.448788,-0.01592 z"
                            id="path7581"
                            transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
                    <path
                            style="opacity:0.79;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.000902952;stroke-miterlimit:4;stroke-dasharray:none"
                            d="m 58.923267,90.887176 c -3.643126,-0.403566 -7.414521,-2.899106 -9.768303,-6.463705 -1.421947,-2.153418 -2.179031,-4.398566 -2.245644,-6.65951 -0.04596,-1.559823 0.232527,-2.881713 0.887074,-4.210721 0.390621,-0.793127 0.851937,-1.487748 1.345037,-2.025272 l 0.186784,-0.203612 0.530353,1.069647 c 0.597886,1.205851 0.862094,1.696485 1.388338,2.578137 1.864761,3.124158 3.924694,5.365644 6.116631,6.655724 2.745458,1.615859 5.699503,1.79362 8.688804,0.522855 2.991075,-1.271519 5.923465,-3.977499 8.491606,-7.835966 2.115095,-3.177795 3.865318,-6.991991 5.193579,-11.31818 0.12355,-0.402408 0.238387,-0.775325 0.255191,-0.828706 0.0168,-0.05338 0.04132,-0.09706 0.05448,-0.09706 0.05744,0 0.561737,0.823612 0.820267,1.339654 0.530906,1.05973 0.847131,2.114629 1.053119,3.513128 0.04371,0.296753 0.05269,0.563715 0.05224,1.55289 -5.97e-4,1.2722 -0.01009,1.398712 -0.180658,2.403994 -1.014724,5.980564 -5.646033,12.601362 -11.613477,16.602327 -2.48555,1.666474 -4.908542,2.72508 -7.346365,3.209627 -0.948585,0.188543 -1.130069,0.204322 -2.448788,0.212905 -0.673417,0.0044 -1.330539,-0.0038 -1.46027,-0.01816 z"
                            id="path7620"
                            transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
                    <path
                            style="opacity:0.79;fill:#ffffff;fill-opacity:1;stroke:#e14c4c;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
                            d="m 58.800783,90.869119 c -1.387946,-0.207653 -2.556862,-0.57643 -3.777704,-1.191816 -1.035764,-0.522095 -1.913754,-1.102219 -2.868531,-1.895358 -0.47429,-0.393996 -1.506659,-1.426782 -1.907955,-1.908725 -1.624054,-1.950437 -2.719882,-4.16503 -3.133405,-6.332394 -0.216228,-1.133295 -0.257134,-2.441457 -0.107592,-3.44077 0.181269,-1.211331 0.645619,-2.425081 1.350483,-3.529984 0.275545,-0.43193 0.933027,-1.251732 0.97185,-1.211783 0.008,0.0082 0.239282,0.465121 0.514003,1.015351 0.588689,1.17907 0.939186,1.827819 1.427864,2.6429 1.118236,1.865137 2.166088,3.240106 3.437745,4.51094 1.130146,1.129416 2.187335,1.909361 3.376524,2.491045 1.355228,0.662901 2.628773,0.965469 4.061405,0.964908 2.093222,-8.22e-4 4.105129,-0.679647 6.193693,-2.089777 1.530495,-1.033342 3.110177,-2.524816 4.516704,-4.264499 2.873086,-3.553616 5.155311,-8.071782 6.891869,-13.643972 0.147836,-0.47437 0.277129,-0.870805 0.287318,-0.880967 0.03214,-0.03205 0.15436,0.13537 0.399932,0.547826 0.741496,1.245408 1.130982,2.308306 1.412052,3.853463 l 0.09778,0.537539 v 1.418506 c 0,1.559657 -0.0056,1.62844 -0.22768,2.777284 -0.340633,1.762443 -1.049154,3.741927 -1.987434,5.552544 -0.797292,1.538549 -1.764449,3.031013 -2.864788,4.434253 -1.589509,2.027068 -3.456935,3.867945 -5.491696,5.392592 -2.854524,2.138896 -5.687029,3.489835 -8.511033,4.059264 -0.944517,0.190451 -0.927108,0.189081 -2.508515,0.197367 -0.804815,0.0042 -1.503615,0.0016 -1.55289,-0.0057 z"
                            id="path7659"
                            transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)"
                            sodipodi:nodetypes="csssssscssssssssssscscssssscc" />
                </g>
            </svg>
        </svg>
<!--        <svg-->
<!--                viewBox="0 0 33.675919 31.912769"-->
<!--                version="1.1"-->
<!--                id="svg5"-->
<!--                inkscape:version="1.1.2 (b8e25be8, 2022-02-05)"-->
<!--                sodipodi:docname="drawing.svg"-->
<!--                xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"-->
<!--                xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"-->
<!--                xmlns="http://www.w3.org/2000/svg"-->
<!--                xmlns:svg="http://www.w3.org/2000/svg">-->

<!--            <sodipodi:namedview-->
<!--                    id="namedview7"-->
<!--                    pagecolor="#ffffff"-->
<!--                    bordercolor="#666666"-->
<!--                    borderopacity="1.0"-->
<!--                    inkscape:pageshadow="2"-->
<!--                    inkscape:pageopacity="0.0"-->
<!--                    inkscape:pagecheckerboard="0"-->
<!--                    inkscape:document-units="mm"-->
<!--                    showgrid="false"-->
<!--                    fit-margin-top="0"-->
<!--                    fit-margin-left="0"-->
<!--                    fit-margin-right="0"-->
<!--                    fit-margin-bottom="0"-->
<!--                    inkscape:lockguides="false"-->
<!--                    inkscape:zoom="7.4535838"-->
<!--                    inkscape:cx="78.68698"-->
<!--                    inkscape:cy="50.311368"-->
<!--                    inkscape:window-width="2560"-->
<!--                    inkscape:window-height="1440"-->
<!--                    inkscape:window-x="1440"-->
<!--                    inkscape:window-y="0"-->
<!--                    inkscape:window-maximized="0"-->
<!--                    inkscape:current-layer="layer1" />-->
<!--            <defs-->
<!--                    id="defs2" />-->
<!--            <g-->
<!--                    inkscape:label="Layer 1"-->
<!--                    inkscape:groupmode="layer"-->
<!--                    id="layer1"-->
<!--                    transform="translate(-74.113176,-147.56844)">-->
<!--                <path-->
<!--                        d="m 87.164191,147.58787 c -16.962434,2.19594 -18.076051,34.05388 0.710742,31.77694 10.206037,-1.23701 21.098227,-9.88631 19.809987,-21.06567 -0.36163,-3.13855 -1.29243,-6.24963 -3.94889,-8.24184 -4.023992,-3.01779 -8.753013,-2.26805 -13.377753,-1.96639 -1.12896,.0736 -2.069712,-0.64859 -3.194086,-0.50304 m -2.111481,2.24461 c 1.638371,1.62475 4.329325,0.30917 6.35,-0.1195 3.474085,-0.73701 8.02573,-0.95971 10.83402,1.65066 12.39499,11.52123 -6.405565,29.42015 -19.300686,26.20462 -8.564633,-2.13565 -9.268058,-15.94517 -5.302568,-22.09134 1.691041,-2.62096 4.655468,-4.35409 7.419234,-5.64444 m 7.055556,5.64444 1.763889,-1.05833 h 0.352778 c 0.657966,1.30521 1.379819,1.65509 2.822222,1.76389 -0.580919,-3.45419 -4.117199,-4.94902 -4.938889,-0.70556 m -9.877778,2.82222 c 1.25596,0.19312 1.559031,-0.17988 1.763889,-1.41111 h 0.352778 l 1.411111,1.05834 c 0.410069,-1.2276 -0.623746,-4.60867 -2.289528,-2.53016 -0.843738,0.54631 -1.030958,1.98991 -1.23825,2.88293 m 22.225002,0.35278 .35278,0.35278 -0.35278,-0.35278 m -10.936113,4.23334 0.352778,0.35277 -0.352778,-.35277 m 9.407423,0.11758 0.23516,0.11761 -0.23516,-0.11761 m -1.99909,1.29353 1.05833,-0.70556 -1.05833,0.70556 m -5.644444,-0.35278 c -1.366026,4.95448 -6.446571,8.33921 -8.113889,2.46944 -1.62814,1.70286 -0.0028,4.57842 2.118043,5.13733 3.389136,0.8932 8.153541,-4.6403 5.995846,-7.60677 m 6.467584,2.70464 0.11761,0.23516 -0.11761,-0.23516 m 0.23519,1.88147 0.35278,0.35278 -0.35278,-0.35278 m -7.055551,2.46945 0.352778,0.35277 -0.352778,-0.35277 m 5.644441,0 0.35278,0.35277 -0.35278,-0.35277 m -11.994441,3.52777 1.411111,-1.05833 -1.411111,1.05833 m 0,1.41111 0.352778,0.35278 -0.352778,-0.35278 m 2.469445,0 0.352777,0.35278 -0.352777,-0.35278"-->
<!--                        id="tttt"-->
<!--                        sodipodi:nodetypes="cccscccccccccccccccccccccccccccccccccccccccccccccccccccccccc" />-->
<!--            </g>-->
<!--        </svg>-->
    </aside>
    <main class="dx">
        <article style="            text-align: center; background-color: #EBAB26;height: 80vh; flex-shrink: 0; display: flex; flex-direction: column; justify-content: center;">
            <h1 style="font-size: 2rem; line-height: 1rem; font-family: 'Comfortaa', cursive;font-family: 'Indie Flower', cursive;">Matteo Bertamini</h1>
            <p style="margin: 0; text-align: center;font-family: 'Alegreya', serif;text-transform: uppercase;">
                Fullstack Developer
            </p>
        </article>
        <article style="height: 70vh; background-color: #CFC3B6; flex-shrink: 0; padding: 20px;">
            <p style="font-family: 'Alegreya', serif; font-size: 1.2em;">
            Hi! My presentation will be placed here, one day :P
            </p>
        </article>
        <article style="height: 70vh; background-color: #DDF4C8; flex-shrink: 0; padding: 20px;">
            <p style="font-family: 'Alegreya', serif; font-size: 1.2em;">
                Come near, ladies and gentlemen!
            </p>
        </article>
        <footer style="background-color: #EBAB26; flex-shrink: 0; text-align: center">
            <p style="text-align: center;font-family: 'Alegreya', serif;text-transform: uppercase;">
                Matteo Bertamini 2022
            </p>
        </footer>
    </main>
</div>
</body>
</html>