@font-face {
    font-family: ultra;
    src: url(path/to/font/file/ultra) format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
#clickIcon {
    width: 75px;
    height: 75px;
    margin-left: 0vw;
}
#portfolioBlock {
    width: 50vw;
    padding-left: 40vw;
    display: flex;
    flex-direction: column;
    margin-top: -20vh;
}
#techsBlock {
    display: flex;
    flex-direction: row;
}
.tecStyles {
    margin-left: 4vw;
}
#otherTechsBlock {
    display: flex;
    flex-direction: column;
}
#otherTechsBlock span {
    display: flex;
    flex-direction: row;
}
#clickBlock {
    display: flex;
    flex-direction: row;
}

#homePresentation1 {
    color: #555;
    font-size: 1.2rem;
    width: 35vw;
    padding-bottom: 3vh;
}
#homePresentation1 span {
    color: rgb(237, 174, 151);
}
#homePresentation2 {
    color: orange;
    font-size: 1.6rem;
    font-weight: bold;
    margin-right: 5vh;
}
#homePresentation2 span {
    color: orangered;
}
#homePresentation3 {
    color: #555;
    font-size: 1.2rem;
}
#homePresentation3Title {
    color: orangered;
}
#homePresentation3Title span {
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #45badd;
}
#homePresentation3 p {
    font-size: 0.95rem;
}
#homePresentation3 ul {
    margin-top: -2vh;
    font-size: 0.95rem;
}
.warp__placeholder {
    position: absolute;
    color: transparent;
    font-size: 0.1px;
}

.warp {
    display: block;
    position: relative;
    width: 1085px;
    height: 150px;
    font: normal 50px/1 ultra;
}

[class*="warp__"] {
    display: block;
    position: absolute;
}

.warp__0 {
    transform-origin: 50% 43px;
    transform: translate(20.6573px, 60.88120000000001px) rotate(-0.193797rad);
}

.warp__1 {
    transform-origin: 50% 43px;
    transform: translate(68.3407px, 53.97110000000001px) rotate(-0.137416rad);
}

.warp__2 {
    transform-origin: 50% 43px;
    transform: translate(104.3317px, 50.327299999999994px) rotate(-0.10533rad);
}

.warp__3 {
    transform-origin: 50% 43px;
    transform: translate(129.1154px, 47.9974px) rotate(-0.082635rad);
}

.warp__4 {
    transform-origin: 50% 43px;
    transform: translate(153.9487px, 45.775499999999994px) rotate(-0.057373rad);
}

.warp__5 {
    transform-origin: 50% 43px;
    transform: translate(191.6895px, 44.435500000000005px) rotate(-0.037848rad);
}

.warp__6 {
    transform-origin: 50% 43px;
    transform: translate(210.7001px, 43.6525px) rotate(-0.021492rad);
}

.warp__7 {
    transform-origin: 50% 43px;
    transform: translate(244.86200000000002px, 43.254099999999994px)
        rotate(0.003894rad);
}

.warp__8 {
    transform-origin: 50% 43px;
    transform: translate(304.6244px, 43.978300000000004px) rotate(0.025893rad);
}

.warp__9 {
    transform-origin: 50% 43px;
    transform: translate(340.2998px, 44.930800000000005px) rotate(0.038114rad);
}

.warp__10 {
    transform-origin: 50% 43px;
    transform: translate(364.9319px, 46.230599999999995px) rotate(0.049425rad);
}

.warp__11 {
    transform-origin: 50% 43px;
    transform: translate(399.1882px, 48.26049999999999px) rotate(0.062263rad);
}

.warp__12 {
    transform-origin: 50% 43px;
    transform: translate(436.8172px, 51.72410000000001px) rotate(0.078266rad);
}

.warp__13 {
    transform-origin: 50% 43px;
    transform: translate(497.148px, 55.826800000000006px) rotate(0.092711rad);
}

.warp__14 {
    transform-origin: 50% 43px;
    transform: translate(533.8982px, 59.3378px) rotate(0.103021rad);
}

.warp__15 {
    transform-origin: 50% 43px;
    transform: translate(567.3652px, 62.3969px) rotate(0.111063rad);
}

.warp__16 {
    transform-origin: 50% 43px;
    transform: translate(591.0485px, 66.2544px) rotate(0.120403rad);
}

.warp__17 {
    transform-origin: 50% 43px;
    transform: translate(634.1154px, 71.1364px) rotate(0.131501rad);
}

.warp__18 {
    transform-origin: 50% 43px;
    transform: translate(667.1516px, 77.629px) rotate(0.14607rad);
}

.warp__19 {
    transform-origin: 50% 43px;
    transform: translate(726.7652px, 85.0669px) rotate(0.164994rad);
}

.warp__20 {
    transform-origin: 50% 43px;
    transform: translate(764.3693px, 90.79820000000001px) rotate(0.142071rad);
}

.warp__21 {
    transform-origin: 50% 43px;
    transform: translate(798.1299px, 95.40729999999999px) rotate(0.102515rad);
}

.warp__22 {
    transform-origin: 50% 43px;
    transform: translate(838.2278px, 98.4016px) rotate(0.049974rad);
}

.warp__23 {
    transform-origin: 50% 43px;
    transform: translate(875.2712px, 99.118px) rotate(-0.011174rad);
}

.warp__24 {
    transform-origin: 50% 43px;
    transform: translate(908.0186px, 97.81630000000001px) rotate(-0.079034rad);
}

.warp__25 {
    transform-origin: 50% 43px;
    transform: translate(933.9924px, 94.73060000000001px) rotate(-0.155967rad);
}

.warp__26 {
    transform-origin: 50% 43px;
    transform: translate(960.4409px, 87.9229px) rotate(-0.275976rad);
}

.warp__27 {
    transform-origin: 50% 43px;
    transform: translate(996.1173px, 77.5552px) rotate(-0.423799rad);
}

.warp__28 {
    transform-origin: 50% 43px;
    transform: translate(1017.0814px, 66.3215px) rotate(-0.563355rad);
}

.warp__29 {
    transform-origin: 50% 43px;
    transform: translate(1033.7803px, 47.8875px) rotate(-0.761426rad);
}

.warp__30 {
    transform-origin: 50% 43px;
    transform: translate(1061.3881px, 27.0937px) rotate(-0.945723rad);
}