diff --git a/learning_environment/static/img/background.svg b/learning_environment/static/img/background.svg
new file mode 100644
index 0000000..687a00a
--- /dev/null
+++ b/learning_environment/static/img/background.svg
@@ -0,0 +1,28 @@
+<svg width="1440" height="869" viewBox="0 0 1440 869" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_b_93_5)">
+<rect width="1440" height="1000" fill="white"/>
+<rect width="1440" height="1000" fill="url(#paint0_linear_93_5)"/>
+</g>
+<g filter="url(#filter1_b_93_5)">
+<rect width="1440" height="1000" fill="white" fill-opacity="0.9"/>
+</g>
+<defs>
+<filter id="filter0_b_93_5" x="-634" y="-634" width="2708" height="2268" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImageFix" stdDeviation="317"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_93_5"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_93_5" result="shape"/>
+</filter>
+<filter id="filter1_b_93_5" x="-634" y="-634" width="2708" height="2268" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImageFix" stdDeviation="317"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_93_5"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_93_5" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_93_5" x1="1342.5" y1="844.649" x2="49.7898" y2="163.083" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF6E7F"/>
+<stop offset="0.510417" stop-color="#1C009C"/>
+<stop offset="1" stop-color="#BDE8FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/learning_environment/static/img/login_img.svg b/learning_environment/static/img/login_img.svg
new file mode 100644
index 0000000..aa799d4
--- /dev/null
+++ b/learning_environment/static/img/login_img.svg
@@ -0,0 +1,125 @@
+<svg width="688" height="839" viewBox="0 0 688 839" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_b_155_2)">
+<rect width="736" height="901" rx="33" transform="matrix(-1 0 0 1 640 0)" fill="#77A1FF" fill-opacity="0.3"/>
+<rect width="736" height="901" rx="33" transform="matrix(-1 0 0 1 640 0)" fill="url(#paint0_linear_155_2)" fill-opacity="0.2"/>
+<rect x="-2" y="2" width="732" height="897" rx="31" transform="matrix(-1 0 0 1 636 0)" stroke="url(#paint1_linear_155_2)" stroke-width="4"/>
+</g>
+<path d="M349.132 287.562L350.59 288.795C351.128 289.265 351.733 289.714 352.316 290.162C353.482 291.081 354.558 292 355.903 292.875C358.324 294.646 360.902 296.26 363.48 297.874C368.681 301.08 374.131 303.861 379.779 306.191C385.402 308.588 391.194 310.566 397.108 312.11C398.588 312.513 400.112 312.782 401.592 313.119L403.834 313.612C404.304 313.612 403.834 313.612 403.834 313.724C403.528 313.796 403.239 313.925 402.982 314.105C402.78 314.307 402.78 314.307 402.87 314.262C403.313 313.605 403.66 312.888 403.901 312.132C404.696 309.546 405.186 306.874 405.358 304.174C405.627 301.237 405.717 298.143 405.694 295.027C405.694 288.772 405.201 282.383 404.708 275.971C404.215 269.559 403.43 263.125 402.601 256.669C401.771 250.212 400.852 243.756 399.888 237.389L408.317 235.461C412.03 248.256 415.024 261.25 417.285 274.379C418.459 281.057 419.275 287.792 419.728 294.556C419.992 298.047 420.074 301.549 419.975 305.048C419.944 308.911 419.454 312.756 418.518 316.504C417.885 318.9 416.854 321.174 415.469 323.229C414.5 324.631 413.294 325.852 411.904 326.839C410.309 327.978 408.478 328.745 406.546 329.081C404.884 329.361 403.187 329.361 401.525 329.081L398.946 328.655C397.22 328.363 395.472 328.139 393.768 327.758C386.893 326.393 380.145 324.458 373.591 321.974C367.04 319.46 360.704 316.416 354.647 312.872C351.621 311.056 348.662 309.151 345.792 307.066C344.357 306.034 342.945 304.824 341.533 303.837C340.838 303.255 340.143 302.694 339.448 302.066C338.753 301.439 338.103 300.923 337.206 300.071L349.132 287.562Z" fill="#E4897B"/>
+<path d="M324.763 277.361C349.424 274.021 369.242 293.906 369.242 293.906L346.689 328.7C346.689 328.7 322.521 313.231 318.262 302.694C313.868 291.731 312.142 278.998 324.763 277.361Z" fill="#FFA25E"/>
+<path opacity="0.6" d="M324.763 277.361C349.424 274.021 369.242 293.906 369.242 293.906L346.689 328.7C346.689 328.7 322.521 313.231 318.262 302.694C313.868 291.731 312.142 278.998 324.763 277.361Z" fill="#FAFAFA"/>
+<path d="M400.09 240.415L391.907 224.005L413.362 223.826C413.362 223.826 413.787 235.282 408.362 241.76L400.09 240.415Z" fill="#E4897B"/>
+<path d="M395.718 206.362L411.68 209.209L413.362 223.826L391.907 224.005L395.718 206.362Z" fill="#E4897B"/>
+<path d="M237.556 818.992L257.643 820.92L271.542 773.752L251.455 771.802L237.556 818.992Z" fill="#E4897B"/>
+<path d="M109.837 749.226L124.723 763.215L156.871 727.884L141.986 713.895L109.837 749.226Z" fill="#E4897B"/>
+<path d="M131.605 756.512L120.396 736.335C120.206 735.989 119.897 735.724 119.526 735.588C119.155 735.452 118.747 735.455 118.378 735.596L101.139 742.142C100.712 742.325 100.328 742.595 100.012 742.936C99.6967 743.277 99.4561 743.68 99.3061 744.119C99.156 744.559 99.0999 745.025 99.1414 745.488C99.1829 745.95 99.3211 746.399 99.5469 746.805C103.56 753.755 105.869 756.916 110.756 765.771C113.783 771.241 119.724 783.706 123.871 791.283C128.018 798.861 135.708 795.072 134.654 791.575C129.857 775.882 130.776 767.071 132.121 760.189C132.391 758.941 132.208 757.638 131.605 756.512Z" fill="#263238"/>
+<path d="M259.996 814.8H235.65C235.214 814.805 234.792 814.952 234.448 815.219C234.104 815.487 233.857 815.859 233.744 816.28L228.431 835.537C228.306 835.993 228.288 836.472 228.38 836.936C228.472 837.4 228.67 837.836 228.959 838.21C229.248 838.584 229.621 838.885 230.046 839.091C230.472 839.296 230.94 839.4 231.413 839.393C239.999 839.393 244.057 839.393 254.773 839.393H287.481C296.449 839.393 298.242 830.426 294.566 829.574C278.066 825.942 268.538 820.898 263.449 816.123C262.506 815.263 261.273 814.79 259.996 814.8Z" fill="#263238"/>
+<path d="M271.542 773.752L264.368 798.076H243.698L251.432 771.824L271.542 773.752Z" fill="#CE6F64"/>
+<path d="M141.963 713.917L156.871 727.884L140.281 746.087L125.396 732.121L141.963 713.917Z" fill="#CE6F64"/>
+<path d="M349.065 263.439C348.908 247.141 334.157 241.447 334.157 241.447C334.157 241.447 352.607 206.519 343.124 183.338C333.641 160.157 302.39 156.077 292.481 166.905C275.061 166.165 269.524 191.184 269.524 191.184C269.524 191.184 254.952 193.628 251.029 204.232C247.106 214.836 259.055 226.785 259.055 226.785C259.055 226.785 242.42 229.027 236.3 241.828C230.18 254.629 233.946 271.622 252.329 286.284C279.052 307.581 328.171 280.858 328.171 280.858C328.171 280.858 349.244 282.181 349.065 263.439Z" fill="#263238"/>
+<path d="M345.904 279.648C345.904 279.648 354.872 283.571 324.92 401.874L241.972 394.677C246.276 361.049 248.137 340.155 237.981 269.403C249.816 268.003 261.737 267.471 273.649 267.811C286.28 268.001 298.881 269.087 311.357 271.062C323.009 273.345 334.539 276.21 345.904 279.648Z" fill="#FFA25E"/>
+<path opacity="0.6" d="M345.904 279.648C345.904 279.648 354.872 283.571 324.92 401.874L241.972 394.677C246.276 361.049 248.137 340.155 237.981 269.403C249.816 268.003 261.737 267.471 273.649 267.811C286.28 268.001 298.881 269.087 311.357 271.062C323.009 273.345 334.539 276.21 345.904 279.648Z" fill="#FAFAFA"/>
+<path d="M324.404 273.864C320.1 272.833 315.437 271.846 311.178 271.062C298.701 269.08 286.101 267.986 273.47 267.788C269.143 267.632 264.816 267.632 260.758 267.788L263.538 273.079C264.031 274.021 275.868 296.103 298.354 308.635L304.542 312.087L310.303 307.985C324.83 297.605 326.983 284.109 324.404 273.864Z" fill="#FAFAFA"/>
+<path d="M280.89 225.664C282.213 238.017 282.661 260.458 273.492 267.811C273.492 267.811 283.984 287.741 303.847 298.793C321.423 286.284 311.2 271.062 311.2 271.062C297.951 266.578 299.161 256.669 302.233 247.432L280.89 225.664Z" fill="#E4897B"/>
+<path d="M289.611 234.542L302.3 247.432C301.527 249.574 300.942 251.78 300.552 254.023C295.463 252.835 288.065 247.522 287.975 242.052C288.077 239.472 288.631 236.93 289.611 234.542Z" fill="#CE6F64"/>
+<path d="M280.352 197.641C277.909 217.818 276.451 226.359 284.679 238.488C297.054 256.691 322.432 255.257 330.839 236.246C338.416 219.073 341.129 188.898 322.992 177.352C319.016 174.793 314.452 173.291 309.732 172.989C305.013 172.687 300.295 173.595 296.024 175.627C291.754 177.659 288.073 180.747 285.331 184.6C282.588 188.452 280.875 192.941 280.352 197.641Z" fill="#E4897B"/>
+<path d="M296.001 172.779C311.582 176.814 296.18 224.207 271.34 210.464C271.34 210.464 272.461 190.445 279.366 181.948C283.542 176.886 289.491 173.607 296.001 172.779Z" fill="#263238"/>
+<path d="M294.342 175.402C301.067 186.342 350.948 207.079 334.179 183.54C317.41 160 294.342 175.402 294.342 175.402Z" fill="#263238"/>
+<path d="M273.941 215.105C273.661 219.036 274.942 222.918 277.505 225.911C280.958 229.834 285.509 227.458 286.944 222.705C288.221 218.445 287.975 211.272 283.379 209.074C282.365 208.627 281.256 208.438 280.151 208.522C279.045 208.607 277.978 208.964 277.044 209.561C276.11 210.158 275.338 210.976 274.797 211.943C274.255 212.911 273.961 213.997 273.941 215.105Z" fill="#E4897B"/>
+<path d="M324.831 401.874C324.831 401.874 352.921 526.162 334.179 613.773C321.625 672.465 276.317 791.014 276.317 791.014L240.896 790.117C240.896 790.117 275.174 665.695 282.28 616.777C294.409 533.067 264.032 396.605 264.032 396.605L324.831 401.874Z" fill="#263238"/>
+<path d="M292.436 426.96L274.725 454.893C280.063 488.017 283.447 521.426 284.859 554.947C309.765 510.357 297.973 450.566 292.436 426.96Z" fill="#263238"/>
+<path d="M279.231 792.853L235.47 791.732L238.003 778.303L285.777 780.567L279.231 792.853Z" fill="#FFA25E"/>
+<path opacity="0.6" d="M279.231 792.853L235.47 791.732L238.003 778.303L285.777 780.567L279.231 792.853Z" fill="#FAFAFA"/>
+<path d="M306.672 400.529C306.672 400.529 290.194 532.349 254.459 604.313C225.606 662.354 148.621 745.303 148.621 745.303L128.938 725.014C128.938 725.014 180.949 635.093 202.403 596.466C254.997 501.793 211.998 429.561 241.815 394.7L306.672 400.529Z" fill="#263238"/>
+<path d="M150.594 747.903L125.172 723.131L133.623 711.653L161.31 740.281L150.594 747.903Z" fill="#FFA25E"/>
+<path opacity="0.6" d="M150.594 747.903L125.172 723.131L133.623 711.653L161.31 740.281L150.594 747.903Z" fill="#FAFAFA"/>
+<path d="M240.963 389.7L236.591 396.807C236.233 397.367 236.883 398.018 237.824 398.085L324.92 405.617C325.683 405.617 326.333 405.371 326.422 404.9L327.812 397.547C327.812 397.031 327.297 396.538 326.467 396.471L242.375 389.185C242.115 389.141 241.849 389.166 241.601 389.256C241.354 389.347 241.134 389.5 240.963 389.7Z" fill="#FFA25E"/>
+<path opacity="0.3" d="M240.963 389.7L236.591 396.807C236.233 397.367 236.883 398.018 237.824 398.085L324.92 405.617C325.683 405.617 326.333 405.371 326.422 404.9L327.812 397.547C327.812 397.031 327.297 396.538 326.467 396.471L242.375 389.185C242.115 389.141 241.849 389.166 241.601 389.256C241.354 389.347 241.134 389.5 240.963 389.7Z" fill="black"/>
+<path d="M251.455 400.058L249.213 399.856C248.764 399.856 248.451 399.564 248.495 399.273L250.401 389.723C250.401 389.431 250.872 389.229 251.32 389.274L253.562 389.476C254.01 389.476 254.324 389.767 254.279 390.059L252.396 399.609C252.307 399.923 251.903 400.058 251.455 400.058Z" fill="#263238"/>
+<path d="M318.531 405.886L316.29 405.685C315.841 405.685 315.527 405.393 315.572 405.102L317.478 395.529C317.478 395.26 317.949 395.058 318.397 395.103L320.639 395.305C321.087 395.305 321.401 395.596 321.356 395.865L319.473 405.438C319.383 405.729 319.002 405.909 318.531 405.886Z" fill="#263238"/>
+<path d="M284.993 402.972L282.751 402.793C282.303 402.793 281.989 402.479 282.034 402.21L283.939 392.637C283.939 392.368 284.41 392.166 284.858 392.211L287.1 392.391C287.549 392.391 287.862 392.705 287.818 392.974L285.934 402.546C285.845 402.815 285.374 403.017 284.993 402.972Z" fill="#263238"/>
+<path d="M309.653 208.783C309.362 210.397 309.99 211.877 311.043 212.079C312.097 212.28 313.285 211.115 313.509 209.478C313.734 207.841 313.196 206.362 312.119 206.183C311.043 206.003 310.035 207.259 309.653 208.783Z" fill="#263238"/>
+<path d="M327.969 212.146C327.678 213.76 328.305 215.24 329.359 215.441C330.413 215.643 331.601 214.477 331.825 212.841C332.049 211.204 331.511 209.725 330.435 209.545C329.359 209.366 328.373 210.509 327.969 212.146Z" fill="#263238"/>
+<path d="M330.054 209.5L334.157 209.097C334.157 209.097 331.601 211.742 330.054 209.5Z" fill="#263238"/>
+<path d="M322.679 213.984C323.462 217.962 324.782 221.816 326.602 225.44C325.661 225.879 324.636 226.106 323.598 226.106C322.56 226.106 321.534 225.879 320.594 225.44L322.679 213.984Z" fill="#DE5753"/>
+<path d="M313.779 230.82C311.591 230.481 309.517 229.622 307.73 228.315C305.943 227.009 304.496 225.292 303.511 223.31C303.474 223.212 303.476 223.103 303.518 223.007C303.56 222.91 303.638 222.834 303.735 222.794C303.782 222.772 303.833 222.76 303.885 222.758C303.936 222.757 303.988 222.765 304.036 222.784C304.085 222.803 304.128 222.832 304.165 222.868C304.202 222.905 304.231 222.948 304.251 222.996C305.195 224.844 306.563 226.442 308.242 227.662C309.921 228.881 311.864 229.687 313.913 230.013C314.02 230.013 314.123 230.056 314.198 230.131C314.274 230.207 314.317 230.31 314.317 230.417C314.317 230.524 314.274 230.626 314.198 230.702C314.123 230.778 314.02 230.82 313.913 230.82H313.779Z" fill="#263238"/>
+<path d="M305.281 196.049C305.11 196.052 304.942 196.001 304.802 195.902C304.662 195.804 304.557 195.663 304.502 195.501C304.447 195.339 304.445 195.163 304.497 195C304.548 194.836 304.65 194.693 304.788 194.592C305.969 193.641 307.362 192.987 308.848 192.687C310.335 192.386 311.872 192.448 313.33 192.866C313.43 192.901 313.522 192.956 313.601 193.026C313.68 193.097 313.745 193.183 313.79 193.279C313.836 193.375 313.863 193.479 313.868 193.585C313.874 193.691 313.858 193.797 313.823 193.897C313.788 193.997 313.733 194.089 313.662 194.168C313.591 194.248 313.506 194.312 313.41 194.358C313.314 194.403 313.21 194.43 313.104 194.436C312.998 194.441 312.892 194.426 312.792 194.39C311.589 194.06 310.324 194.021 309.104 194.279C307.883 194.536 306.742 195.082 305.775 195.87C305.632 195.977 305.46 196.04 305.281 196.049Z" fill="#263238"/>
+<path d="M338.461 205.958C338.342 205.958 338.224 205.931 338.116 205.881C338.007 205.831 337.911 205.758 337.834 205.667C337.068 204.679 336.081 203.886 334.951 203.352C333.821 202.819 332.581 202.559 331.332 202.595C331.119 202.614 330.907 202.551 330.74 202.417C330.573 202.283 330.464 202.09 330.436 201.878C330.423 201.773 330.432 201.667 330.462 201.565C330.491 201.464 330.541 201.37 330.608 201.288C330.675 201.206 330.758 201.139 330.852 201.09C330.945 201.041 331.048 201.012 331.153 201.004C332.67 200.925 334.184 201.215 335.566 201.847C336.948 202.479 338.156 203.436 339.089 204.635C339.236 204.79 339.318 204.994 339.318 205.207C339.318 205.42 339.236 205.625 339.089 205.779C338.91 205.915 338.686 205.979 338.461 205.958Z" fill="#263238"/>
+<path d="M244.102 299.174C240.73 305.864 236.988 312.361 232.893 318.634C228.857 324.821 224.598 330.874 220.002 336.703C215.358 342.553 210.38 348.129 205.094 353.405C202.358 355.983 199.691 358.606 196.754 361.027L194.512 362.865L193.974 363.314L193.257 363.874C192.784 364.26 192.29 364.619 191.777 364.95C189.739 366.347 187.522 367.463 185.186 368.268C180.787 369.703 176.139 370.214 171.533 369.77C167.407 369.358 163.344 368.462 159.427 367.102C152.171 364.571 145.252 361.16 138.824 356.947C126.458 348.925 115.067 339.49 104.883 328.834L110.846 322.579C116.204 326.884 121.854 331.166 127.638 335.044C133.303 339.012 139.202 342.636 145.303 345.895C151.112 349.086 157.245 351.648 163.597 353.539C169.65 355.221 175.725 355.512 179.918 353.763C182.286 352.733 184.405 351.204 186.127 349.28C188.616 347.038 190.925 344.549 193.279 342.128C197.875 337.129 202.134 331.771 206.327 326.435C210.519 321.1 214.308 315.226 217.984 309.397C219.845 306.483 221.616 303.524 223.365 300.564C225.113 297.605 226.795 294.489 228.252 291.709L244.102 299.174Z" fill="#E4897B"/>
+<path d="M116.518 325.247L108.537 308.747L95.2651 325.606C95.2651 325.606 104.053 332.937 112.595 332.668L116.518 325.247Z" fill="#E4897B"/>
+<path d="M99.8161 303.927L92.3059 318.297L95.2651 325.606L108.537 308.747L99.8161 303.927Z" fill="#E4897B"/>
+<path d="M237.802 269.403C227.624 271.196 213.344 300.407 213.344 300.407L241.299 325.673C241.299 325.673 259.414 301.349 258.337 288.077C257.418 276.756 250.76 267.116 237.802 269.403Z" fill="#FFA25E"/>
+<path opacity="0.6" d="M237.802 269.403C227.624 271.196 213.344 300.407 213.344 300.407L241.299 325.673C241.299 325.673 259.414 301.349 258.337 288.077C257.418 276.756 250.76 267.116 237.802 269.403Z" fill="#FAFAFA"/>
+<path d="M135.529 767.34C135.261 767.342 134.996 767.297 134.744 767.206C132.301 766.399 130.709 761.892 129.969 759.269C129.947 759.193 129.948 759.112 129.972 759.036C129.996 758.96 130.042 758.893 130.104 758.844C130.172 758.804 130.249 758.783 130.328 758.783C130.407 758.783 130.484 758.804 130.552 758.844C131.292 759.225 137.793 762.722 137.995 765.278C138.025 765.558 137.976 765.841 137.854 766.095C137.731 766.349 137.539 766.563 137.3 766.712C136.795 767.111 136.172 767.332 135.529 767.34ZM131.045 759.987C132.166 763.596 133.623 765.973 135.013 766.443C135.33 766.538 135.667 766.549 135.989 766.474C136.311 766.399 136.609 766.242 136.852 766.017C136.974 765.945 137.073 765.839 137.137 765.712C137.2 765.584 137.226 765.441 137.21 765.3C137.076 763.731 133.265 761.242 131.023 759.987H131.045Z" fill="#FFA25E"/>
+<path d="M136.538 760.996C134.321 760.987 132.136 760.474 130.148 759.494C130.086 759.463 130.033 759.415 129.997 759.356C129.962 759.296 129.944 759.227 129.947 759.157C129.947 759.083 129.968 759.01 130.008 758.946C130.047 758.883 130.104 758.832 130.171 758.799C130.373 758.799 135.529 755.862 138.309 756.848C138.651 756.96 138.963 757.146 139.223 757.395C139.483 757.643 139.684 757.947 139.811 758.283C139.988 758.607 140.049 758.981 139.984 759.344C139.918 759.707 139.731 760.037 139.452 760.278C138.585 760.829 137.561 761.081 136.538 760.996ZM131.247 759.157C133.489 760.099 137.726 760.682 138.936 759.651C139.138 759.494 139.318 759.202 139.071 758.575C138.982 758.347 138.843 758.142 138.665 757.976C138.486 757.809 138.273 757.684 138.04 757.611C136.134 756.938 132.704 758.44 131.247 759.157Z" fill="#FFA25E"/>
+<path d="M270.802 818.746C268.537 818.694 266.283 818.408 264.077 817.894C263.993 817.875 263.917 817.83 263.861 817.766C263.805 817.701 263.77 817.621 263.763 817.535C263.751 817.453 263.766 817.369 263.807 817.296C263.847 817.223 263.911 817.165 263.987 817.132C264.996 816.661 273.806 812.648 276.048 814.083C276.248 814.221 276.408 814.411 276.51 814.631C276.613 814.852 276.654 815.096 276.631 815.338C276.604 815.777 276.482 816.206 276.273 816.593C276.064 816.98 275.773 817.317 275.42 817.58C274.033 818.424 272.424 818.831 270.802 818.746ZM265.556 817.356C268.179 817.849 273.022 818.477 275.017 816.975C275.281 816.778 275.498 816.525 275.653 816.234C275.808 815.943 275.897 815.622 275.914 815.293C275.927 815.192 275.913 815.089 275.874 814.994C275.834 814.9 275.771 814.817 275.689 814.755C274.434 813.903 269.21 815.742 265.556 817.356Z" fill="#FFA25E"/>
+<path d="M264.256 817.894C264.17 817.929 264.073 817.929 263.987 817.894C263.931 817.844 263.889 817.781 263.866 817.71C263.842 817.639 263.838 817.564 263.853 817.49C263.853 817.132 265.96 808.411 270.735 808.971C271.946 809.106 272.26 809.711 272.327 810.182C272.641 812.424 267.058 816.908 264.413 817.961L264.256 817.894ZM270.309 809.666C267.238 809.666 265.467 814.733 264.861 816.773C267.753 815.249 271.721 811.617 271.587 810.204C271.587 810.092 271.587 809.778 270.713 809.689L270.309 809.666Z" fill="#FFA25E"/>
+<path d="M311.649 206.182L315.751 205.756C315.751 205.756 313.196 208.447 311.649 206.182Z" fill="#263238"/>
+<path opacity="0.6" d="M162.755 81.4711C151.84 79.7855 141.626 87.2653 139.937 98.1793L80.3435 483.414C78.6547 494.332 86.137 504.55 97.0547 506.237L427.25 557.252C438.165 558.938 448.38 551.458 450.068 540.544L509.662 155.289C511.351 144.371 503.868 134.152 492.95 132.466L162.755 81.4711ZM294.902 320.024C277.932 317.397 262.122 309.796 249.472 298.182C236.822 286.569 227.902 271.464 223.839 254.779C219.776 238.094 220.753 220.579 226.646 204.45C232.54 188.32 243.085 174.301 256.947 164.166C270.81 154.031 287.367 148.236 304.524 147.513C321.682 146.79 338.668 151.172 353.334 160.105C368 169.038 379.687 182.121 386.916 197.697C394.145 213.274 396.592 230.644 393.947 247.612C390.403 270.343 377.981 290.737 359.41 304.315C340.838 317.892 317.637 323.542 294.902 320.024Z" fill="#FFA25E"/>
+<path d="M308.218 324.418C303.587 324.413 298.963 324.053 294.386 323.342C271.387 319.754 250.672 307.397 236.586 288.865C222.501 270.334 216.14 247.067 218.839 223.946C221.538 200.826 233.086 179.65 251.061 164.86C269.036 150.071 292.04 142.818 315.248 144.623C338.455 146.429 360.061 157.152 375.532 174.544C391.003 191.935 399.138 214.643 398.229 237.902C397.319 261.162 387.437 283.165 370.655 299.295C353.873 315.426 331.495 324.43 308.218 324.418ZM295.417 316.706C311.721 319.225 328.406 316.853 343.362 309.89C358.318 302.927 370.874 291.686 379.441 277.588C388.009 263.49 392.204 247.168 391.497 230.686C390.789 214.204 385.21 198.302 375.465 184.99C365.72 171.678 352.247 161.555 336.75 155.9C321.252 150.244 304.425 149.311 288.397 153.219C272.369 157.126 257.86 165.698 246.703 177.851C235.546 190.003 228.244 205.191 225.718 221.494C222.361 243.359 227.814 265.663 240.881 283.512C253.947 301.361 273.56 313.299 295.417 316.706Z" fill="#FAFAFA"/>
+<path d="M223.484 346.303L142.042 333.71L139.212 352.01L220.654 364.603L223.484 346.303Z" fill="#FFA25E"/>
+<path opacity="0.6" d="M214.334 344.888L151.192 335.124C146.138 334.343 141.408 337.806 140.627 342.86C139.845 347.913 143.308 352.643 148.362 353.425L211.504 363.188C216.558 363.97 221.288 360.507 222.069 355.453C222.851 350.4 219.387 345.67 214.334 344.888Z" fill="#FAFAFA"/>
+<path d="M289.312 356.485L234.212 347.965L231.382 366.265L286.482 374.785L289.312 356.485Z" fill="#FFA25E"/>
+<path opacity="0.6" d="M280.162 355.07L243.362 349.38C238.309 348.599 233.578 352.062 232.797 357.115C232.016 362.169 235.479 366.899 240.532 367.68L277.332 373.371C282.386 374.152 287.116 370.689 287.897 365.635C288.678 360.582 285.215 355.852 280.162 355.07Z" fill="#FAFAFA"/>
+<path d="M421.653 414.917L145.444 372.207C140.39 371.426 135.66 374.889 134.879 379.942C134.097 384.996 137.561 389.726 142.614 390.507L418.823 433.217C423.877 433.999 428.607 430.536 429.388 425.482C430.169 420.429 426.706 415.699 421.653 414.917Z" fill="#FAFAFA"/>
+<path d="M269.96 430.321L141.588 410.871C136.526 410.104 131.8 413.586 131.033 418.648C130.266 423.711 133.748 428.436 138.81 429.203L267.182 448.654C272.245 449.421 276.971 445.939 277.738 440.876C278.505 435.814 275.023 431.088 269.96 430.321Z" fill="#FAFAFA"/>
+<path d="M390.612 449.959L310.942 437.64C305.889 436.858 301.159 440.322 300.377 445.375C299.596 450.429 303.059 455.159 308.113 455.94L387.783 468.259C392.836 469.041 397.566 465.578 398.348 460.524C399.129 455.471 395.666 450.741 390.612 449.959Z" fill="#FAFAFA"/>
+<path d="M350.564 483.621L133.421 450.044C128.368 449.263 123.638 452.726 122.856 457.78C122.075 462.833 125.538 467.563 130.591 468.345L347.735 501.921C352.788 502.703 357.518 499.24 358.3 494.186C359.081 489.133 355.618 484.403 350.564 483.621Z" fill="#FAFAFA"/>
+<path d="M447.012 498.497C434.787 498.497 422.837 502.122 412.673 508.914C402.509 515.705 394.587 525.359 389.909 536.652C385.231 547.946 384.007 560.374 386.392 572.363C388.776 584.353 394.663 595.366 403.307 604.01C411.951 612.654 422.964 618.541 434.954 620.926C446.943 623.31 459.371 622.086 470.665 617.408C481.958 612.73 491.612 604.808 498.403 594.644C505.195 584.48 508.82 572.53 508.82 560.305C508.82 543.913 502.308 528.192 490.716 516.601C479.125 505.009 463.404 498.497 447.012 498.497ZM447.012 614.11C436.37 614.11 425.968 610.954 417.12 605.042C408.272 599.13 401.375 590.727 397.303 580.895C393.231 571.064 392.165 560.246 394.241 549.809C396.317 539.371 401.442 529.784 408.966 522.26C416.491 514.735 426.078 509.611 436.515 507.535C446.952 505.459 457.77 506.524 467.602 510.596C477.433 514.669 485.836 521.565 491.748 530.413C497.661 539.261 500.816 549.664 500.816 560.305C500.816 574.575 495.147 588.26 485.057 598.351C474.967 608.441 461.282 614.11 447.012 614.11Z" fill="#FFA25E"/>
+<path d="M447.012 498.497C434.787 498.497 422.837 502.122 412.673 508.914C402.509 515.705 394.587 525.359 389.909 536.652C385.231 547.946 384.007 560.374 386.392 572.363C388.776 584.353 394.663 595.366 403.307 604.01C411.951 612.654 422.964 618.541 434.954 620.926C446.943 623.31 459.371 622.086 470.665 617.408C481.958 612.73 491.612 604.808 498.403 594.644C505.195 584.48 508.82 572.53 508.82 560.305C508.82 543.913 502.308 528.192 490.716 516.601C479.125 505.009 463.404 498.497 447.012 498.497ZM447.012 614.11C436.37 614.11 425.968 610.954 417.12 605.042C408.272 599.13 401.375 590.727 397.303 580.895C393.231 571.064 392.165 560.246 394.241 549.809C396.317 539.371 401.442 529.784 408.966 522.26C416.491 514.735 426.078 509.611 436.515 507.535C446.952 505.459 457.77 506.524 467.602 510.596C477.433 514.669 485.836 521.565 491.748 530.413C497.661 539.261 500.816 549.664 500.816 560.305C500.816 574.575 495.147 588.26 485.057 598.351C474.967 608.441 461.282 614.11 447.012 614.11Z" fill="#FAFAFA"/>
+<path d="M447.012 614.087C476.715 614.087 500.794 590.008 500.794 560.305C500.794 530.602 476.715 506.523 447.012 506.523C417.309 506.523 393.229 530.602 393.229 560.305C393.229 590.008 417.309 614.087 447.012 614.087Z" fill="#FFA25E"/>
+<path d="M447.012 614.087C476.715 614.087 500.794 590.008 500.794 560.305C500.794 530.602 476.715 506.523 447.012 506.523C417.309 506.523 393.229 530.602 393.229 560.305C393.229 590.008 417.309 614.087 447.012 614.087Z" fill="#263238"/>
+<path d="M438.649 594.336L407.084 562.771L415.02 554.857L438.649 578.487L479.025 538.111L486.939 546.047L438.649 594.336Z" fill="#FAFAFA"/>
+<path d="M630.178 779.692C630.178 779.692 626.938 755.983 611.77 753.374C596.601 750.765 601.251 739.321 597.233 734.882C593.214 730.443 582.969 743.528 591.805 756.214C600.641 768.9 593.425 764.924 597.233 776.726C601.04 788.528 631.566 799.363 630.178 779.692Z" fill="#263238"/>
+<path opacity="0.2" d="M630.178 779.692C630.178 779.692 626.938 755.983 611.77 753.374C596.601 750.765 601.251 739.321 597.233 734.882C593.214 730.443 582.969 743.528 591.805 756.214C600.641 768.9 593.425 764.924 597.233 776.726C601.04 788.528 631.566 799.363 630.178 779.692Z" fill="white"/>
+<path d="M625.15 795.891H625.528C625.784 795.784 625.989 795.581 626.099 795.326C626.208 795.071 626.215 794.784 626.117 794.524C626.117 794.271 616.692 769.279 625.739 731.411C628.552 720.512 632.493 709.936 637.499 699.854C646.272 680.92 653.824 664.426 642.611 633.775C639.161 624.287 635.563 615.451 632.092 606.888C619.238 575.332 609.098 550.381 619.806 527.303C619.915 527.045 619.922 526.755 619.824 526.493C619.726 526.231 619.531 526.016 619.28 525.893C619.026 525.779 618.737 525.771 618.477 525.869C618.217 525.968 618.006 526.165 617.892 526.419C606.805 550.318 617.092 575.647 630.136 607.688C633.628 616.229 637.204 625.044 640.654 634.49C651.573 664.321 644.525 679.616 635.626 698.97C630.54 709.13 626.522 719.79 623.635 730.78C614.42 769.468 623.993 794.966 624.098 795.218C624.181 795.426 624.327 795.603 624.516 795.724C624.704 795.844 624.926 795.903 625.15 795.891Z" fill="#263238"/>
+<path d="M620.795 790.358C620.795 790.358 610.991 775.632 625.15 767.974C639.308 760.317 642.127 766.502 650.879 761.032C659.63 755.562 666.278 742.35 667.709 750.807C669.14 759.265 659.083 764.103 662.66 767.974C666.236 771.845 638.929 797.006 620.795 790.358Z" fill="#263238"/>
+<path d="M613.705 538.621C613.705 538.621 606.489 508.916 628.2 510.031C649.911 511.146 623.866 536.328 613.705 538.621Z" fill="#263238"/>
+<path d="M630.725 562.372C630.725 562.372 639.287 536.58 654.203 543.439C669.118 550.297 645.998 564.077 630.725 562.372Z" fill="#263238"/>
+<path d="M604.469 562.562C604.469 562.562 608.467 541.734 592.183 540.009C575.9 538.284 581.686 557.323 604.469 562.562Z" fill="#263238"/>
+<path d="M611.875 606.362C611.875 606.362 591.552 585.093 582.422 598.999C573.292 612.905 597.632 617.765 611.875 606.362Z" fill="#263238"/>
+<path d="M650.879 605.899C650.879 605.899 657.59 573.817 674.462 585.325C691.335 596.832 666.026 610.38 650.879 605.899Z" fill="#263238"/>
+<path d="M662.723 653.55C662.723 653.55 652.204 619.763 676.25 625.402C700.297 631.04 680.437 646.986 662.723 653.55Z" fill="#263238"/>
+<path d="M624.561 662.26C624.561 662.26 606.027 636.488 589.743 642.884C573.46 649.279 584.358 674.293 624.561 662.26Z" fill="#263238"/>
+<path d="M638.866 717.21C638.866 717.21 659.399 679.868 673.894 694.174C688.389 708.479 661.398 725.962 638.866 717.21Z" fill="#263238"/>
+<path d="M613.705 712.918C613.705 712.918 620.711 683.213 603.186 684.265C585.662 685.317 588.838 704.041 613.705 712.918Z" fill="#263238"/>
+<g opacity="0.2">
+<path d="M613.705 538.621C613.705 538.621 606.489 508.916 628.2 510.031C649.911 511.146 623.866 536.328 613.705 538.621Z" fill="white"/>
+<path d="M630.725 562.372C630.725 562.372 639.287 536.58 654.203 543.439C669.118 550.297 645.998 564.077 630.725 562.372Z" fill="white"/>
+<path d="M604.469 562.562C604.469 562.562 608.467 541.734 592.183 540.009C575.9 538.284 581.686 557.323 604.469 562.562Z" fill="white"/>
+<path d="M611.875 606.362C611.875 606.362 591.552 585.093 582.422 598.999C573.292 612.905 597.632 617.765 611.875 606.362Z" fill="white"/>
+<path d="M650.879 605.899C650.879 605.899 657.59 573.817 674.462 585.325C691.335 596.832 666.026 610.38 650.879 605.899Z" fill="white"/>
+<path d="M662.723 653.55C662.723 653.55 652.204 619.763 676.25 625.402C700.297 631.04 680.437 646.986 662.723 653.55Z" fill="white"/>
+<path d="M624.561 662.26C624.561 662.26 606.027 636.488 589.743 642.884C573.46 649.279 584.358 674.293 624.561 662.26Z" fill="white"/>
+<path d="M638.866 717.21C638.866 717.21 659.399 679.868 673.894 694.174C688.389 708.479 661.398 725.962 638.866 717.21Z" fill="white"/>
+<path d="M613.705 712.918C613.705 712.918 620.711 683.213 603.186 684.265C585.662 685.317 588.838 704.041 613.705 712.918Z" fill="white"/>
+</g>
+<path d="M619.974 579.013H620.185C620.46 578.952 620.702 578.786 620.858 578.551C620.858 578.382 630.514 563.172 637.057 559.911C637.197 559.862 637.325 559.783 637.433 559.68C637.541 559.577 637.625 559.453 637.681 559.315C637.737 559.178 637.764 559.029 637.758 558.881C637.753 558.732 637.716 558.586 637.65 558.453C637.584 558.32 637.49 558.202 637.376 558.107C637.261 558.013 637.127 557.944 636.984 557.904C636.84 557.865 636.69 557.857 636.543 557.88C636.396 557.903 636.256 557.957 636.131 558.039C629.967 561.089 621.91 573.039 619.659 576.51C608.319 568.473 600.578 554.862 600.493 554.715C600.428 554.593 600.338 554.485 600.23 554.398C600.121 554.312 599.997 554.248 599.863 554.211C599.73 554.173 599.59 554.163 599.452 554.181C599.315 554.199 599.182 554.245 599.063 554.315C598.825 554.456 598.65 554.683 598.575 554.95C598.501 555.217 598.532 555.502 598.663 555.746C599 556.356 607.078 570.661 619.385 578.887C619.567 578.981 619.77 579.025 619.974 579.013Z" fill="#263238"/>
+<path d="M636.594 620.836H636.72C636.867 620.819 637.009 620.77 637.135 620.694C637.262 620.618 637.372 620.516 637.457 620.395C637.562 620.226 649.301 603.733 663.186 596.98C663.437 596.857 663.629 596.639 663.72 596.375C663.81 596.111 663.792 595.821 663.67 595.57C663.547 595.319 663.329 595.127 663.065 595.036C662.801 594.945 662.511 594.963 662.26 595.086C649.637 601.208 639.119 614.546 636.426 618.228C618.817 603.207 595.507 601.923 595.276 601.902C595.136 601.891 594.996 601.908 594.864 601.954C594.731 601.999 594.61 602.072 594.507 602.167C594.404 602.262 594.322 602.377 594.266 602.505C594.21 602.634 594.181 602.772 594.182 602.912C594.173 603.049 594.192 603.187 594.238 603.316C594.283 603.446 594.354 603.565 594.446 603.667C594.538 603.769 594.65 603.852 594.774 603.91C594.899 603.968 595.033 604.001 595.171 604.006C595.402 604.006 618.775 605.311 635.9 620.563C636.09 620.736 636.337 620.833 636.594 620.836Z" fill="#263238"/>
+<path d="M644.967 674.987C645.177 674.997 645.383 674.938 645.556 674.819C659.462 665.394 671.559 640.149 672.064 639.055C672.124 638.929 672.159 638.793 672.166 638.654C672.173 638.515 672.153 638.376 672.106 638.245C672.059 638.114 671.986 637.993 671.892 637.89C671.799 637.787 671.685 637.704 671.559 637.645C671.304 637.529 671.015 637.517 670.751 637.611C670.488 637.706 670.272 637.899 670.149 638.15C670.149 638.403 658.158 663.206 644.904 672.652C640.823 669.896 617.955 654.981 599.631 653.15C599.493 653.136 599.353 653.15 599.22 653.19C599.087 653.23 598.964 653.296 598.856 653.384C598.749 653.472 598.66 653.58 598.594 653.702C598.528 653.825 598.488 653.959 598.474 654.097C598.46 654.235 598.473 654.375 598.514 654.508C598.554 654.64 598.62 654.764 598.707 654.872C598.795 654.979 598.904 655.068 599.026 655.134C599.148 655.199 599.282 655.24 599.42 655.254C618.649 657.19 644.062 674.63 644.315 674.819C644.51 674.94 644.738 674.999 644.967 674.987Z" fill="#263238"/>
+<path d="M625.15 728.697C625.3 728.695 625.449 728.663 625.587 728.601C625.724 728.54 625.848 728.451 625.949 728.339C634.134 719.915 644.696 714.19 656.222 711.93C656.36 711.901 656.491 711.845 656.608 711.765C656.724 711.685 656.824 711.584 656.901 711.465C656.978 711.347 657.032 711.215 657.058 711.076C657.084 710.938 657.082 710.795 657.053 710.657C657.024 710.519 656.968 710.388 656.889 710.271C656.809 710.155 656.707 710.055 656.589 709.978C656.471 709.901 656.339 709.848 656.2 709.822C656.061 709.795 655.919 709.797 655.78 709.826C644.119 712.144 633.408 717.869 625.002 726.277C616.04 719.209 605.542 694.069 605.437 693.795C605.328 693.536 605.121 693.33 604.861 693.224C604.6 693.117 604.308 693.118 604.049 693.227C603.789 693.336 603.584 693.543 603.477 693.804C603.371 694.064 603.372 694.356 603.481 694.616C603.943 695.731 614.946 721.965 624.518 728.571C624.711 728.676 624.931 728.72 625.15 728.697Z" fill="#263238"/>
+<path d="M622.31 786.824C622.31 786.824 613.894 773.444 604.406 771.551C594.918 769.657 590.816 758.697 587.303 765.239C583.789 771.782 593.467 793.598 622.31 786.824Z" fill="#263238"/>
+<path d="M578.678 839.355H670.465L676.608 782.722H572.535L578.678 839.355Z" fill="#954BFF"/>
+<path d="M578.678 839.355H670.465L676.608 782.722H572.535L578.678 839.355Z" fill="black" fill-opacity="0.4"/>
+<path d="M570.388 793.451H678.754L680.142 781.459H569L570.388 793.451Z" fill="#FF814B"/>
+<path opacity="0.3" d="M570.388 793.451H678.754L680.142 781.459H569L570.388 793.451Z" fill="white"/>
+<defs>
+<filter id="filter0_b_155_2" x="-196" y="-100" width="936" height="1101" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImageFix" stdDeviation="50"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_155_2"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_155_2" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_155_2" x1="183.42" y1="-41.1516" x2="983.838" y2="493.19" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF6E7F"/>
+<stop offset="0.510417" stop-color="#1C009C"/>
+<stop offset="1" stop-color="#BFE9FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_155_2" x1="113.905" y1="225.25" x2="679.626" y2="268.417" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="0.25" stop-color="white" stop-opacity="0.43"/>
+<stop offset="0.5" stop-color="white"/>
+<stop offset="0.75" stop-color="white" stop-opacity="0.42"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/learning_environment/static/learning_environment/ipaca.css b/learning_environment/static/learning_environment/ipaca.css
index 55b8594..556ce1e 100644
--- a/learning_environment/static/learning_environment/ipaca.css
+++ b/learning_environment/static/learning_environment/ipaca.css
@@ -6,8 +6,9 @@ html {
 }
 body {
     margin-bottom: 60px; /* Margin bottom by footer height */
-    margin-right: 60px;
 }
+
+
 .footer {
   position: absolute;
   bottom: 0;
@@ -133,6 +134,7 @@ h1-var {
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }
+
 textarea {
     font-family: Consolas, Monaco, "Bitstream Vera Sans Mono", "Lucida Console", monospace;
 }
@@ -175,4 +177,5 @@ textarea {
 .slist li.active {
   border: 1px solid #6c70e2;
   background: #e7efff;
-}
\ No newline at end of file
+}
+
diff --git a/learning_environment/templates/learning_environment/home.html b/learning_environment/templates/learning_environment/home.html
index 713b053..c028b0d 100644
--- a/learning_environment/templates/learning_environment/home.html
+++ b/learning_environment/templates/learning_environment/home.html
@@ -5,11 +5,10 @@
 
     <div class="row justify-content-evenly">
             {# space for left side content #}
-        <div class="col-5"style="margin-left:50px;">
+        <div class="col-5" style="margin-left:50px;">
             <img src="/static/img/logo.svg" class="img-fluid" alt="Responsive image">
 
              <div class="row-fluid">
-               {# <div class="col-4" style="border:1px solid rebeccapurple"> LEARN </div>#}
                  <span><h1> LEARN</h1>
                      <h1-var>ENGLISH</h1-var></span>
 
diff --git a/learning_environment/templates/registration/login.html b/learning_environment/templates/registration/login.html
index c143fe4..39a7bb9 100644
--- a/learning_environment/templates/registration/login.html
+++ b/learning_environment/templates/registration/login.html
@@ -3,25 +3,45 @@
 {% load bootstrap5 %}
 {% load static %}
 
+
+<body style="">
+
 {% block content %}
-    <div class="card shadow rounded">
-        <div class="card-header">
-            <h2>Log In</h2>
-        </div>
-        <div class="card-body">
+
+        <div class="row justify-content-evenly">
+            {# space for left side content #}
+        <div class="col-5" style="margin-left:50px;">
+            <img src="/static/img/login_img.svg" class="img-fluid">
+
         </div>
-        <div class="container">
-            <form method="post">
-                {% csrf_token %}
-                {{ form|crispy }}
-                <button type="submit" class="btn btn-primary ">Log In</button>
-                <span class="col text-center"> New to Ipaca?
-                    <a class="link-secondary" href="{% url 'signup' %}" style="margin: 1vh"> Sign Up</a>
-                </span>
-            </form>
+
+        <div class="col">
+                {# space for right side content #}
+            <div class="card" style="border: none; margin-top: 25vh;">
+            <div class="card-header" style="background-color:transparent;" align="center">
+                <h2>Log In to IPACA</h2>
+            </div>
+            <div class="card-body">
+            </div>
+            <div class="container">
+                <form method="post">
+                    {% csrf_token %}
+                    {{ form|crispy }}
+                    <button type="submit" class="btn btn-primary ">Log In</button>
+                    <span class="col text-center"> New to Ipaca?
+                        <a class="link-secondary" href="{% url 'signup' %}" style="margin: 1vh"> Sign Up</a>
+                    </span>
+                </form>
+            </div>
+            </div>
+
         </div>
     </div>
 
 
 
+    </div>
+
+
 {% endblock %}
+</body>