*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{font-size: 112.5%}

:root{
    --background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1441' height='560' preserveAspectRatio='none' viewBox='0 0 1441 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1002%26quot%3b)' fill='none'%3e%3crect width='0' height='0' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient1003%26quot%3b)'%3e%3c/rect%3e%3cpath d='M-47.48 453.15 a142.39 142.39 0 1 0 284.78 0 a142.39 142.39 0 1 0 -284.78 0z' fill='rgba(200%2c 13%2c 145%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1408.8563761373375 324.8993548112688L1269.7172457660631 437.3526135151109 1414.717008235106 495.9363202924725z' fill='rgba(200%2c 13%2c 145%2c 0.4)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M336.32342346376333 239.3847013507327L307.69083578242726 374.09043546862824 442.3965699003228 402.72302314996426 471.02915758165886 268.0172890320688z' fill='rgba(200%2c 13%2c 145%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M132.669%2c50.069C148.748%2c49.463%2c162.005%2c38.766%2c169.919%2c24.757C177.689%2c11.004%2c179.483%2c-5.543%2c171.923%2c-19.412C164.041%2c-33.872%2c149.12%2c-42.811%2c132.669%2c-43.578C114.694%2c-44.416%2c95.725%2c-38.856%2c86.522%2c-23.392C77.151%2c-7.645%2c80.465%2c12.247%2c90.212%2c27.763C99.326%2c42.272%2c115.547%2c50.715%2c132.669%2c50.069' fill='rgba(200%2c 13%2c 145%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1360.3087412042873 417.93856815224956L1209.118137903263 350.62417461353004 1141.8037443645435 501.81477791455444 1292.9943476655678 569.1291714532739z' fill='rgba(200%2c 13%2c 145%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1091.485%2c193.144C1109.623%2c192.463%2c1127.952%2c185.725%2c1136.589%2c169.761C1144.901%2c154.398%2c1139.485%2c136.169%2c1130.373%2c121.267C1121.729%2c107.13%2c1108.042%2c96.646%2c1091.485%2c95.995C1073.742%2c95.297%2c1056.731%2c103.191%2c1046.909%2c117.984C1035.879%2c134.597%2c1029.934%2c156.232%2c1040.106%2c173.383C1050.138%2c190.299%2c1071.832%2c193.882%2c1091.485%2c193.144' fill='rgba(200%2c 13%2c 145%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M182.504%2c518.887C206.987%2c519.739%2c231.196%2c508.392%2c243.239%2c487.058C255.106%2c466.035%2c252.204%2c439.54%2c238.523%2c419.65C226.418%2c402.051%2c203.864%2c398.624%2c182.504%2c398.754C161.447%2c398.882%2c138.987%2c402.577%2c127.656%2c420.326C115.592%2c439.223%2c117.775%2c463.479%2c128.677%2c483.069C139.909%2c503.253%2c159.419%2c518.083%2c182.504%2c518.887' fill='rgba(200%2c 13%2c 145%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1245.937%2c485.654C1285.797%2c486.64%2c1315.626%2c452.399%2c1333.891%2c416.956C1350.483%2c384.759%2c1351.969%2c346.781%2c1333.586%2c315.571C1315.472%2c284.817%2c1281.629%2c267.557%2c1245.937%2c267.629C1210.375%2c267.701%2c1176.185%2c284.846%2c1158.9%2c315.925C1142.045%2c346.231%2c1149.386%2c381.927%2c1165.21%2c412.784C1182.939%2c447.356%2c1207.096%2c484.693%2c1245.937%2c485.654' fill='rgba(200%2c 13%2c 145%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M997.59 87.22 a139.76 139.76 0 1 0 279.52 0 a139.76 139.76 0 1 0 -279.52 0z' fill='rgba(200%2c 13%2c 145%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1007.2809898696319 453.5402457300979L961.4772769727582 334.21749414007786 842.1545253827381 380.0212070369515 887.9582382796118 499.3439586269716z' fill='rgba(200%2c 13%2c 145%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M583.4859904765777 490.72870851554575L701.2340331840301 524.6138928307873 677.1400521245887 420.25139515635806z' fill='rgba(200%2c 13%2c 145%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1180.744%2c116.374C1214.027%2c116.888%2c1243.12%2c95.491%2c1259.425%2c66.471C1275.385%2c38.065%2c1275.851%2c3.751%2c1260.02%2c-24.726C1243.718%2c-54.049%2c1214.294%2c-74.985%2c1180.744%2c-75.062C1147.072%2c-75.14%2c1116.738%2c-54.772%2c1100.832%2c-25.093C1085.752%2c3.045%2c1090.459%2c36.309%2c1106.16%2c64.105C1122.163%2c92.435%2c1148.21%2c115.872%2c1180.744%2c116.374' fill='rgba(200%2c 13%2c 145%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M616.5851041080307 102.33516454213876L545.3716219538933 187.2040877404756 701.4540273063675 173.5486466962761z' fill='rgba(200%2c 13%2c 145%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M951.08 415.66 a128.18 128.18 0 1 0 256.36 0 a128.18 128.18 0 1 0 -256.36 0z' fill='rgba(200%2c 13%2c 145%2c 0.4)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M117.20085543046713 500.18367974754574L157.45000758545234 599.8038271075018 286.75565254789365 489.6200251950459z' fill='rgba(200%2c 13%2c 145%2c 0.4)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1002'%3e%3crect width='1441' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='15.28%25' y1='139.33%25' x2='84.72%25' y2='-39.33%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1003'%3e%3cstop stop-color='%230e2a47' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(29%2c 24%2c 69%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
}

body{
    background-image: var(--background-image);
    object-fit: cover;
    background-repeat: no-repeat;
    background-position: center;
}

main{
    display: flex;
    justify-content: center;
    min-height: 100vh;
    backdrop-filter: blur(8px);
}

header{
    color: black;
    text-align: center;
    margin-bottom: 1rem;
}

.container{
    width: 90%;
    min-height: 100vh;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

textarea{
    font-size: 1rem;
    padding: .5rem;
    width: 100%;
    height: 200px;
}

.pasting-area{
    width: 100%;
    height: 200px;
    margin-top: 2rem;
    border: 1px solid black;
}